banner avios cookies css, no va bien en movil

[helenp]

Hola,
Tengo un banner para avisar de los cookies, funciona bien en pc.
En mi Android funciona aunque al hacer zoom no queda visible, sino a media altura de la pagina en vez de abajo, pero aumenta de tamaño y lo puedo cerrar.
He dicho que lo miren en un iphone, y según esa persona el banner no aumenta de tamaño al hacer zoom asi que no puede leerlo ni cerrarlo.
No tengo lo de portview porque no tengo la pagina hecha para moviles móviles, ni sé si quiero.
Quiero que se vea la web como es enterita y despues haga zoom.

Este es el css que tengo para el banner y me imagino que lo que da problemas es el position:fixed.

Código:

#barritaloca {display:none; text-align:center; position:fixed; left:0px; right:0px; bottom:0px; 
width:100%; min-height:40px; background: #FFFFFF; color:#000099; z-index: 99999;}
#barralocatext {width:100%;position:absolute;padding-left:5px;font-family:verdana;font-size:11px;top:30%}
.barralocaboton {padding:3px;background:#000099; text-decoration:none;color:#fff;}

y al final de la página tengo este html:

Código:

  <div id="barritaloca">
<div id="barralocatext">
	Usamos cookies propias y de terceros para mejorar la navegación y experiencia. Si continúa navegando, 
consideramos que acepta su uso.&nbsp;&nbsp;
	<a href="http://www.google.com.ar/intl/es-419/policies/technologies/types/" target="_blank" 
style="text-decoration:none;color:#000099;">M&aacute;s informaci&oacute;n</a>
   &nbsp;&nbsp; Close to accept and remove this.&nbsp;
    <a href="javascript:void(0);" class="barralocaboton" onclick="PonerCookie();"><b>X</b></a>
</div>
</div>
<script type="text/javascript" src="/includes/cookies.js"></script>

Alguna ayuda sería de agradecer, sobre todo cuando es un trabajo que no agrada para nada el rollo este malpensado de los cookies.
Gracias