Estoy usando el siguiente css en la sección de mi formulario.

CSS

.username input{
 background-color: #FFFFFF;
 border: 2px solid #DDDDDD;
 border-radius: 5px 5px 5px 5px;
 color: #9E9E9E;
 height: 30px;
 width: 330px;
 padding:0px 10px 0px 0px;
 padding-left:10px;
 margin:15px 0px 0px 0px;
 line-height:30px;
}

Funciona bien en todos los navegadores. Pero en Chrome, el cursor se muestra en la misma altura de la etiqueta de entrada. Encontré la solución, si quito laline-height se muestra como yo quiero. Pero en IE, los valores están en la parte superior del campo. Necesito la solución para este problema.

Por favor vea elmi violín. [No es bueno en cromo]