alineación vertical del texto en el cuadro de selección - problema de firefox

Question

Tengo un problema con la alineación vertical del título del cuadro de selección en Firefox.

CSS para seleccionar el siguiente aspecto:

select#cities_list { 
    width: 95px; 
    height: 45px; 
    line-height: 45px; 
    background: url('./img/select-arrow.png') no-repeat right transparent; 
    -webkit-appearance: none; 
    border: 1px solid #dcdcdc; 
    border-left: none; 
    border-right: none; 
    padding: 0 10px; 
    margin: 0; 
    float: left; 
} 

En Chrome todo se ve bien:

Ayuda!

Answer 1

Usted puede probar este

padding:.3em;/.4em; 

dependiendo de su configuración.

Answer 2

Otro método, que yo prefiero, es la siguiente:

@-moz-document url-prefix() { 

    select { 
     padding-top: 8px; 
    } 
} 

Establecer la padding-top a lo que quiera. Cualquier cosa dentro de los corchetes @-moz-document url-prefix() se ejecutará solo en Firefox.