Z-index bug ?

Bonjour à tous et à toutes

voici mon problème.

j'ai des images absolues et des div absolues cachées contenues dans un div relatif.

lorsque l'on survole un carré gris je remplace ce carré par son équivalent de couleur orange, puis fait apparaitre en plus une div(display:none;) avec des informations.

le soucis est que certains carrés prennent le dessus sur les div qui apparaissent au survol

j'ai essayé de mettre un z-index:1 aux carrés et un z-index:2 aux div qui apparaissent en survol, ca marche

bémol l'image scintille ou grésille comme vous voulez..

voici le lien

http://ledricholivier.com/itineraire_consulting/orient2.php

voici mon code en plusieurs parties

1:le html

<div id="content" class="orientation2">

<div id="BgTestez01roll"></div>
<a href="#"><img class="zone" id="BgTestez01" src="web/export/BtnGris01.png"/></a>
<div id="BgTestez02roll"></div>
<a href="#"><img class="zone" id="BgTestez02" src="web/export/BtnGris02.png"/></a>
<div id="BgTestez03roll"></div>
<a href="#"><img class="zone" id="BgTestez03" src="web/export/BtnGris03.png"/></a>
<div id="BgTestez04roll"></div>
<a href="#"><img class="zone" id="BgTestez04" src="web/export/BtnGris04.png"/></a>
<div id="BgTestez05roll"></div>
<a href="#"><img class="zone" id="BgTestez05" src="web/export/BtnGris05.png"/></a>

<div id="BgTestez06roll"></div>
<a href="#"><img class="zone" id="BgTestez06" src="web/export/BtnGris06.png"/></a>
<div id="BgTestez07roll"></div>
<a href="#"><img class="zone" id="BgTestez07" src="web/export/BtnGris07.png"/></a>
<div id="BgTestez08roll"></div>
<a href="#"><img class="zone" id="BgTestez08" src="web/export/BtnGris08.png"/></a>
<div id="BgTestez09roll"></div>
<a href="#"><img class="zone" id="BgTestez09" src="web/export/BtnGris09.png"/></a>
<a href="contact.php"><img src="web/img/BtnContinuerVisite.png" class="btn_v_g"/></a>


</div>

2:le css

#BgTestez01
{
position:absolute;
left: 289px;
top: 120px;
width:75px;
height:38px;

}
#BgTestez01roll
{
    display: none;
    height: 99px;
    left: 119px;
    position:absolute;    
    top: 92px;
    width: 486px;

 background:url(web/export/BgTestez01.png) top left repeat;
}

#BgTestez02
{
    height: 49px;
    left: 337px;
    position: absolute;
    top: 234px;
    width: 86px;
}
#BgTestez02roll
{
    display: none;
    height: 227px;
    left: 149px;
    position:absolute;    
    top: 92px;
    width: 549px;
  
 background:url(web/export/BgTestez02.png) top left repeat;
}
#BgTestez03
{
	position: absolute;
    height: 56px;
    left: 343px;    
    top: 341px;
    width: 93px;
}
#BgTestez03roll
{
    display: none;    
    left: 176px;
    position:absolute;    
    top: 92px;
    width: 569px;
    height: 345px; 
 background:url(web/export/BgTestez03.png) top left repeat;
}
#BgTestez04
{
	position: absolute;
    height: 45px;
    left: 450px;    
    top: 168px;
    width: 82px;
}
#BgTestez04roll
{
    display: none;    
    left: 119px;
    position:absolute;    
    top: 83px;
    width: 654px;
    height: 161px; 
 background:url(web/export/BgTestez04.png) top left repeat;
}

3:le js

 $(function() {
	 
   $(".zone")
        .mouseover(function() { 
            var src = $(this).attr("src").match(/[^\.]+/) + "O.png";
            $(this).attr("src", src);
            var bg_id = $(this).attr("id");  
            var rollid=bg_id.replace(bg_id,bg_id+"roll");
            var elt_to_show="#"+rollid;
           
            $(elt_to_show).show();
            

        })
        .mouseout(function() {
            var src = $(this).attr("src").replace("O", "");
            $(this).attr("src", src);
            var bg_id = $(this).attr("id");  
            var rollid=bg_id.replace(bg_id,bg_id+"roll");
            var elt_to_show="#"+rollid;
           
           
        	 $(elt_to_show).hide();
        	
        });

});

ps: je n'ai pas renseigné tout le css

il s'agit d'un test donc c'est un peu alourdi pour le moment.

votre aide est la bienvenue, j'ai beau creuser !!

cela peut-il provenir des png ?

J'ai vu aucun effet de scintillement sur tes images (Firefox 6.0 et IE 9).

J'ai réglé le problème avec un png transparent.

je me suis cassé la tête pour rien.

me reste à formater ce code bâclé

merci et bon wee à tous