Liste déroulante : détecter l'événement "onMouseOver" sur chacun des items

Bonjour,

Je suis en train de réaliser un formulaire interactif avec un peu de JS, et je souhaiterais pouvoir détecter quand l'internaute est en train de faire sa sélection dans une liste déroulante.

Pour être précis, la liste déroulante en question comporte des choix un peu complexes que je souhaiterais illustrer pour rendre le formulaire plus clair. J'aimerais donc pouvoir détecter quel item l'internaute est en train de survoler pour adapter l'illustration.

Par exemple, si j'avais une liste déroulante {cheval, chien, chat}, mon but serait que quand l'utilisateur a déroulé la liste et est en train de faire son choix, l'illustration s'adapte à l'animal en cours de survol. Ca n'est donc pas l'événement onchange que je veux détecter (puisqu'il implique que l'utilisateur a déjà cliqué pour valider sa réponse) mais plutôt une sorte de onmouseover sur chacun des items de la liste.

J'espère ne pas avoir été trop confus...

Merci d'avance pour votre aide!

A ma connaissance, il n'existe pas de solution cross browser pour cela.
Cependant, Firefox autorise l'événement onmouseover sur les options d'un select (mais pas IE :aie:)

il suffit d'émuler un select avec un ul et des li

et ne pas oublier la balise ul pour eviter un super mauvais jeux de mots ...

Merci à vous deux pour vos réponses. Donc si je résume : soit je simule un <select> avec un <ul><li> mais cela risque d'être dur, soit je détecte l'événement onmouseover sur les options de mon select mais ca ne marchera que sur firefox. C'est bien ça?

Je crois que je vais tout simplement abandonner l'idée...

oui Ie n'accepte pas le onmouseover sur les options ...

y'a des codes tout faits de select émulés ...