Bonjour

J'ai besoin d'une liste deroulante(select) avec des items (option) contenant des images comme ci-dessous

Nom : listeavecimage..jpg
Affichages : 3908
Taille : 8,3 Ko

Voici le code HTML
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
<select>
  <option>Volvo</option>
  <option>Saab</option>
  <option disabled="disabled">Mercedes</option>
  <option class="icone1">Ici mon image</option>
  <option>Audi</option>
</select>
voici le code CSS
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
option.icone1 {
	padding-left: 60px; /* un peu plus large que l'image */
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../Img/AMV/temporisation-verte.gif);
}
Super, je suis content .... mais ça ne marche que sous FireFox.
J'ai essayé IE, Chrome et Safari ... je n'ai pas d'image.

Quelqu'un aurait-il la solution compatible à tous ces navigateurs.

Merci beaucoup pour votre aide.

Titan