He creado un sitio web receptivo usando Foundation con un pie de página que está absolutamente posicionado en la parte inferior de la página. En los navegadores de mi escritorio, se ve exactamente como debería, pero en mi iPhone el pie de página se superpone a parte del contenido en lugar de estar al final de la página.

Tengo mi html, body CSS configurado para esto:

html, body {
    height:100%;
    margin:0;
    padding:0;
}

Pero cuando inspecciono la página en mi teléfono usando las herramientas de desarrollo de Safari, cuando paso el mouse sobre el html o la etiqueta del cuerpo, no se extiende hasta el final de la página, que es lo que hace que mi pie de página se superponga al contenido.

¿Alguien sabe qué podría estar causando esto?

¡Gracias!