firefox non verticalmente centraggio selezionare il contenuto di input con altezza specificato

Question

ecco un'immagine di che cosa sta succedendo:

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

ecco il mio codice:

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

in Chrome e Firefox, verticalmente-aligns i valori selezionati perfettamente. in firefox, i valori sono bloccati nella parte superiore della selezione.

ho provato ad aggiungere vertical-align: middle e line-height: 40px, che non hanno cambiato nulla.

Answer 1

ho deciso di mettere in un div con questo codice:

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

sfondo div è la stessa del fondo di selezione.

la sua abbastanza ben centrato in FF IE e Chrome, unica cosa è la freccia è dentro l'imbottitura e ... vabbè ... a volte non si può vincere credo.

Answer 2

Basta usare padding-top: 10px; padding-bottom: 10px; su questo elemento. Il tuo testo sarà automaticamente centrato.