Fixed Footer Problem on Mobile Devices

[Frank]

Hi,
site is currently here www.seriesmobiletv.com. Struggling with this problem for awhile:
I pasted this custom css (that i've founfd thankfully under one of the topics here) to fix the footer on the bottom of each page:

#footer-region{
position:fixed;
background:#FFFFFF;
bottom: 0;
left: 0;
width: 100%;
z-index: 999
}
for one specific page with the cover feature turned on i needed extra css to have the foooter fixed and always visible:
.slug-film-all #footer-region {
position: fixed;
background:#FFFFFF;
bottom: 0;
z-index: 999
}

Works quite well on desktop (firefox/safari) but on mobile devices (tested with ipad/safari and iphone/safari) not. If you swipe/scroll the pages the Typo in the footer disapears.

Second problem on mobile devices: with the fixed footer and the carousel funktion some pages don't open up to full screen when you swipe/scroll them (all the browser information on the top don't disapear). That makes the site look very compressed - especially on a smartphone.

I'm very thankful for any help.

Best

Frank