Firefox no centrado verticalmente seleccionar contenido de entrada con la altura especificada

Question

aquí es una imagen de lo que está pasando en:

http://imageshack.us/photo/my-images/217/ffbug.png/

aquí es mi código:

select { 
    width: 150px; 
    height: 40px; 
    padding-left: 10px; 
} 

en Chrome y Firefox, de forma vertical alinea los valores seleccionados perfectamente. en firefox, los valores están pegados en la parte superior de la selección.

intenté agregar vertical-align: middle y line-height: 40px, los cuales no cambiaron nada.

Answer 1

decidí ponerlo en un div con este código:

.search li select { 
    padding: 0px; 
    margin: 0px; 
} 
.search li div { 
    height: 32px; 
    padding: 10px 10px 0px 10px; 
    background: #ffffff; 
} 

el fondo div es igual que el de selección de fondo.

está muy bien centrado en FF IE y Chrome, solo que la flecha está dentro del relleno ... bueno ... a veces no se puede ganar, supongo.

Answer 2

Simplemente use padding-top: 10px; padding-bottom: 10px; en ese elemento. Su texto se centrará automáticamente.