[Résolu] Recouvrement d'image pendant le zoom d'une autre image

bonjour,

j'ai un petit soucis avec un zoom sur des images miniatures pendant leur développement en zoom .
elles ne prennent pas le premier plan, et passent pour partie sous les miniatures voisines ...
Les 3 miniatures sont côte à côte .

http://gerard.marin.free.fr/RSRBR/Depannage/CacheNavigateurs/opera.htm

.zoomDB
	{
	width:350px;
	height:200px;
			    /* Fonctionne déjà sur webkit */
		    	-webkit-transition-property: width,height;
				-webkit-transition-duration: 1s;
				-webkit-transition-timing-function: ease-in-out;
				
				/* Bientôt supporté par Firefox */
        		-moz-transition-property: width,height;
				-moz-transition-duration: 1s;
				-moz-transition-timing-function: ease-in-out;
				
				/* … et lorsque ce sera standardisé */
				transition-property: width,height;
				transition-duration: 1s;
				transition-timing-function: ease-in-out;

	}
	
.zoomDB:hover, zoom:focus
	{ 
	width:650px;
	height:550px;
	border: 3px black solid;
	border-radius:10px;
    box-shadow:2px 2px 4px black;
    margin: 20px 20px 0 0;
	}
#img1
{
  position:relative;
  z-index:1;
}

#img2
{
  position:relative;
  z-index: 2;

}
#img3
{
  position:relative;
  z-index: 3;
}

.choix{
	position:relative;
	text-align:center;
	margin-top: 250px;
	height: 130px;
	}

<div id="choix" class="choix">
	<div id="img1" style=" position:absolute; width:350px; height:200px; left: 10px;"><img src="EffacerCacheOpera-1.PNG" width="350" height="200" class="zoomDB" /></div>
	<div id="img2" style=" position:absolute; width:350px; height:200px; left: 380px;"><img src="EffacerCacheOpera-2.PNG" width="350" height="200" class="zoomDB" /></div>
	<div id="img3" style=" position:absolute; width:350px; height:200px; left: 750px;"><img src="EffacerCacheOpera-3.PNG" width="350" height="200" class="zoomDB" />	</div>
</div>

je suis un peu perdu, j'ai cherché en vain ...