lettura css diversa con Firefox

[prinzart]

lettura css diversa con Firefox

ciao ho cambiato lo stile con i css di una select, su safari e chrome si vede correttamente, invece su firefox no (anche dopo averlo aggiornato e cancellato la cache)
percaso firefox non riconosce alcuni css? Quali posso essere le alternative?

Grazie

.woocommerce select {
font-size: 13px;
color:#ffffff;
width: 200px;
overflow: hidden;
height: 34px;
border-radius: 2px;
padding:0px 0px 0px 10px;
border: 0;
line-height: 1.5;
-webkit-appearance: none;
-moz-appearance: none;
background: transparent url("vuvuvu.site.com/img/smart_arrows.png") no-repeat scroll 100% 0px;
}

[prinzart]

purtroppo questo forum non permette di allegare le immagini

comunque la select è questa:
vuvuvu.tastealuxury.com/product-category/basic/

provate a visualizzarla con i vari browser

[lorenzoroma]

Cos'è esattamente che non funziona?

[prinzart]

con firefox si vede male

[prinzart]

vuvuvu.tastealuxury.com/product-category/basic/

vai su questa pagina prima con chrome o safari e poi con firefox noterai che la select si vedrà male.

[lorenzoroma]

Aggiungi:

text-indent: 0.01px;
text-overflow: " ";

[prinzart]

Waw! Grazie!

[prinzart]

scusa un'ultima cosa, su firefox il testo rimane un pò decentrato in alto, se lo centro con il padding
da così (padding: 0px 0px 0px 10px)
a così (padding: 6px 0px 0px 10px)

In firefox si corregge ma su safari e chrome si decentrano.

questi css sono un pò come una coperta corta tiri da una parte e ti scopri dall'altra