Artefactos extraños de sombra de caja en el juego web

Alguien tiene alguna idea de lo que podría estar causando el cuadro azul a la derecha del campo de entrada?

Ha sido la ruina de mi existencia en los últimos días. Solo aparece intermitentemente El marcado para cada entrada es así:

Lo que debe tener en cuenta es que la etiqueta se coloca en la parte superior del campo y luego se atenúa / desaparece al hacer clic / escribir.

Esto solo ocurre en webkit en Mac y aparentemente Vista.

http://sofes.miximages.com/html/5BQcv.jpg

EDITAR: Lo siento, el CSS:

 input[type="text"], input[type="password"] { height: 30px; outline: none; -webkit-transition: -webkit-box-shadow 0.3s linear; -moz-transition: -moz-box-shadow 0.3s linear; transition: box-shadow 0.3s linear; } .input.text input[type="text"]:focus, input[type="text"]:active, .input.text input[type="password"]:focus, input[type="password"]:active { -moz-box-shadow: 0 0 12px #82cce8; -webkit-box-shadow: 0 0 12px #82cce8; /* chrome seems to show a smaller box shadow */ box-shadow: 0 0 12px #82cce8; } .input.text input, .input.text span.field { padding: 10px 15px; width: 92%; font-size: 2em; font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif; border: 1px solid #cecece; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: -2px -2px 3px rgba(205,205,205, 0.3); -moz-box-shadow: -2px -2px 3px rgba(205,205,205, 0.3); box-shadow: -2px -2px 3px rgba(205,205,205, 0.3); } input::-webkit-input-placeholder { color: #e2e2e2;} input:-moz-placeholder { color: #e2e2e2;} 

El div que contiene solo tiene un relleno de 20px.

Además, lo siento sdleihssirc, tuvo que volver a vincular la imagen debido a la edición.

ACTUALIZACIÓN: enlace de prueba en gcpereira.com [sin espacio] / cosas / prueba / aterrizaje /

No puedo duplicar esto en Safari 5.1 (10.7), y sé que has encontrado una táctica alternativa, pero prueba -webkit-background-clip y avísame si está relacionado.

 -webkit-background-clip: padding-box; 

¡Espero que funcione!

Arreglado por Matteo Spinelli :

 position: relative / absolute top: 0 

Aquí hay otro ejemplo:
(desde Safari 6.0.2; el fondo debe llenar el botón, pero lo hace debajo del texto solamente)
http://cl.ly/image/1c1g030n2V0d
http://cl.ly/image/0y3E3u1t391w