SELECT y CSS

[wayward]

Hola.

En una web que estoy trabajando, he creado varios campos SELECT y les he aplicado estilo.

Tanto en Chrome como en IE se ve perfectamente.

Sin embargo, en Firecfox, la opcion por defecto del SELECT, en vez de estar centrada como en los otros navegadores, esta pegada a la parte superior.

Con el paddind logo centrar el texto, sin embargo la flechita se reduce de tamaño quedando al descubierto el borde que le he metido.

Aqui os dejo el codigo, tanto de la DIV que contiene el SELECT, como el CLASS que le he aplicado.

Código CSS:

#barra-provincia {
    position:absolute;
    float:left;
    margin-left: 310px;
    margin-top: 16px;
    
}
 
 
.select2{
width: 185px;
height: 29px;
border-width:1px;
border-style:solid;
border-color:#ccc;
font:Arial, Helvetica, sans-serif;
font-size:14px;
color:#999;
line-height:29px;
vertical-align: middle;
border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
behavior: url(http://localhost/wp4/pie/PIE.htc);
overflow: hidden;
 
}
 

Muchas gracias.