CSS Expert - iPhone & iPad Problems

Hi, i am having some trouble with a site that i am working on at the moment.

The site works fine in all browsers, however i have just noticed that there are 2 very small problems on 2 pages on my site when it is viewed on a iPhone and on a iPad.

===================

PLEASE NOTE: I do not want to use separate code for iphone and ipad in the header... i want the one set of code to work on all browsers so please DO NOT suggest using css hacks for different devices.

===================

ERROR 01 - the text is showing as blue on iphone instead as white

- desktop screenshot: http://wwwDOTibounceDOTie/_errors/screenshots/[url removed, login to view]

- iphone screenshot: wwwDOTibounceDOTie/_errors/screenshots/[url removed, login to view]

ERROR 02 - the overlay is loading behind the video on the iphone

- desktop screenshot: wwwDOTibounceDOTie/_errors/screenshots/[url removed, login to view]

- iphone screenshot: wwwDOTibounceDOTie/_errors/screenshots/[url removed, login to view]

You can view the two site pages here:

- text error: wwwDOTibounceDOTie/_errors/[url removed, login to view]

- overlay error (click any of the buttons on the left to load the overlay): wwwDOTibounceDOTie/_errors/[url removed, login to view]

Please only respond if you have tested the site and have fixed the error:

CSS HTML iPad iPhone Desarrollo de apps móviles

Nº del proyecto: #2408820

Sobre el proyecto