Adaptation de la page Afficher / Masquer des "calques" sans

Bonjour tous,
j'ai adaptée la page http://css.alsacreations.com/Tutoriels-et-articles-divers/Afficher-Masquer-des-calques-sans-javascript pour un projet un peu particulier.
Tout va très bien SAUF QUE lorqu'un calque de survol chevauche un autre calque, sous IE mon calque de dessous apparait au milieu. Pas de soucis sous Firefox .
J'ai essayée avec des z index et truc comme cela mais j'ai pas de solutions.

C'est visible sur :
http://www.aliane.fr/clients/bioinsight/urbanisme_et_environnement.htm
La feuille de style est http://www.aliane.fr/clients/bioinsight/rollover.css

C'est urgent car il manque plus que cela pour mettre en ligne.
Merci de votre aide
La p'tiote

Salut
Je pense que ton problème vient du fait de l'embriquement de tes éléments.
Il semblerait que le validateur ne soit pas tout à fait d'accord avec ce qui suit :

<a href="" class="bioinsight">
  <img src="images/logo2.gif" width="248" height="82" border="0">
  <span>
    <img src="images/roll_bioinsight.gif" border="0" usemap="#Map"> 
    <map name="Map">
      <area shape="rect" coords="6,375,465,397" href="mailto:...">
    </map>
  </span>
</a>

Par défaut, la balise link <a> est une balise dites inline et ne peut donc contenir que d'autres balises dites inline.
Je n'en suis pas totalement certaine, mais il me semble que les balises <map> et <area> ne peuvent donc pas se trouver dans un lien. Mais peut-être que je me trompe ...

Ceci dit, je te conseille de commencer par corriger les erreurs indiquées par le Validateur car souvent, il te permet d'éradiquer un certain nombre de comportement douteux ...