Centrado de texto (verticalmente) dentro de un cuadro de texto usando CSS

Actualmente estoy trabajando con un cuadro de texto que tiene un fondo. Me preguntaba si es posible centrar el texto (verticalmente) dentro del cuadro de texto.

importante : está perfectamente centrado en Firefox. Solo IE lo escribe demasiado alto por alguna razón. Probé la altura de línea, el relleno y el margen. Nada funciona. ¿Algunas ideas?

EDITAR: Este es mi CSS actual. Debo decir que probé el método de margen superior y no funcionó para mí. Además, como mencioné, esto es solo para IE. Tengo hojas de estilo IE específicas, así que no te preocupes.

.textValue { color: black; font-size: 12px; font-family: David, sans-serif; } input { width: 110px; padding: 0 2px; padding-right: 4px; height: 20px; border: solid 1px white; margin-bottom: 0px; background: url(../images/contactTextBg.png) no-repeat top right; } label { float: right; margin-left: 5px; font-size: 13px; } 

Para IE, tengo lo siguiente:

 .textValue { font-size: 14px; } 

en cuanto a HTML:

      

Gracias, Amit

Me pregunto cómo se puede alinear el texto en un cuadro de texto, pero como dices, aquí está la sugerencia:

Para idiota IE, puedes usar este hack específico de IE:

 margin-top:50px; /* for standard-compliant browsers */ *margin-top:50px; /* for idiot IE */ _margin-top:50px; /* for idiot IE */ 

Es posible que desee probar otras propiedades similares si lo desea en lugar de margin-top .

¿Has probado?:

 input {vertical-align: middle;} 

Sé que este es un poco viejo, pero acabo de encontrarme con el mismo problema. La solución dada aquí no me ayudó, lo cual me pareció extraño. En mi caso, fue la altura de la línea que se estableció en “1em”. Cambiar la altura de la línea a algo que se asemejara a la altura del cuadro de texto, en lugar del tamaño de la fuente que contenía fue la solución. Esto también continúa funcionando como se esperaba en Firefox, etc.