[JS DIV]HTML, CSS probleme affichage sous IE

Bonjour à tous,
je suis en train de me lancer dans la programmation d'un site en PHP, XHTML, CSS et JS (ca en fait des langages pour une site :mouarf: )

jusque la j'ai fait tout ce que j'ai pu et j'ai aucune gros problème technique.
Mon site avait ici et là quelques problèmes sous IE, mais je les ai presque tous corrigés.
Sauf une qui m'embete un peu.

J'ai un formulaire dans lequel ya une image à recopier.
en JS quand la souris passe sur l'image ca fait apparaitre un DIV d'information aux coordonnées de la souris.
sous Firefox tout se passe bien.

Sous IE, bah j'ai un beau trou dans mon DIV car une liste défilante (SELECT) ne veux pas etre caché par ce DIV.

Pour le DIV en JS je me suis grandement aidé de celui présent sur le site de knopper (knopper.net , créateur de la distribution linux knoppix)

si quelqu'un veux bien m'aider...
l'url de mon site (pre alpha) qui pose probleme est la : http://tout57.fr/form/test/index.php?page=contacts

ps: site alpha donc encore beaucoup d'erreur d'orthographe, merci de ne pas en tenir compte.

encore une fois sous firefox tout fonctionne comme il faut, sous IE par contre ....
comme une image en dit toujours plus que du texte, voici un screen du problème sous IE :
http://tavan.alain.free.fr/erreursite.jpg

la seule solution que je vois, est quand je fait apparaitre mon div que je fais disparaitre le select...
Si quelqu'un a une meilleure idée merci de me la dire, car j'en ai marre d'adapter mon code pour un navigateur qui ne respecte rien .... :roll:

pourquoi les 3/4 de la planette utilise cette merde d'IE :aie:

bon bah j'ai pas le choix il semble, j'ai beau chercher aucune solution alernative .... je cache donc le select quand la div apparait :roll:

probleme resolu