Esta manhã li este artigo:
http://bavotasan.com/2011/style-select-box-using-only-css/
Para compatibilidade com Firefox e IE (7/8), modifiquei este código conforme abaixo:
.styled-select {
width: 280px;
height: 30px;
overflow: hidden;
background: url(/images/arrow-right-grey.png) no-repeat 96% #FFFFFF;
border: 1px solid #ccc;
border-radius: 4px 4px 4px 4px;
padding: 0px;
margin-top: 10px;
}
.styled-select select {
margin: 0px 0px 0px 0px;
background: transparent;
width: 310px;
padding: 5px;
font-size: 13px;
height: 30px;
-webkit-appearance: none;
border: 0px;
}E agora é trabalho !!!
O resultado:
