Fundo de dropdown

[Etiqueta]

Boa tarde,

estou a editar um dropdown em css. Já  coloquei uma imagem de fundo para o select mas mesmo assim aparece a setinha para se expandir, predefinida e eu não queria que aparece-se.

http://alojaimagens.com/viewer.php?file=x8pn9ehflqbb1a0d5hp9.jpg

E quando o dorpdown expande eu queria colocar um fundo também.

http://alojaimagens.com/viewer.php?file=22x2l9q2pa6xjyph7ala.jpg

Sabem como isto se faz?

Obrigada desde já pela ajuda

[mjamado]

A tag select não aceita de bom grado estilos CSS; cada browser tem o seu conjunto de coisas onde se pode e não pode mexer. O botão, em concreto, não pode ser estilado em nenhum browser.

Existem duas técnicas para resolver este problema:

• Faux select - substituir o select por vários outros elementos (normalmente, uma conjugação de div, span, ul e um input hidden) e aplicar estilos e comportamentos (via JavaScript) apropriados;
• Bounding box - Criar um div à volta do select, mais curto que o próprio select e com overflow invisível, fazendo com que o botão desapareça; depois, é só mostrar a imagem do novo botão, via background do div. O select terá de ser transparente para isto resultar, e será a div a ter todo o estilo apropriado.

[Etiqueta]

já estou a perceber a ideia. Obrigada