El cursor de input de text iOS Safari aparece fuera del cuadro de input

Estoy viendo un problema extraño en iOS (8.4) Safari con una input de text en una página web, donde el cursor de input se muestra a la derecha y fuera de mi cuadro de input, cuando aplico un tamaño de fuente, ancho y relleno a estilo como desee (y para evitar el enfoque automático en el enfoque).

Captura de pantalla que muestra el problema a continuación:

Cursor que se muestra a la derecha del cuadro de entrada

Estoy aplicando los siguientes styles en mi CSS al elemento de input (tipo de correo electrónico):

font-size: 16px; width: 96%; padding: 2%; 

Está en contenedores que se muestran en bloque, sin margen ni relleno, y anchos del 100%.

Y tengo la label de vista establecida como tal:

 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 

¿Esto es un error conocido y hay una solución? ¿O hay algo en mi CSS que está causando este problema?

¿Intentaste agregar overflow: hidden al <input> CSS? No tengo un dispositivo con iOS 8.4, pero parece que debería funcionar.