PB Galerie de menus en CSS...menus blobs

Bonjour à tous!

Me voici en train de vérifier que tout soit bien pareil entre IE et FF et comme beaucoup de personnes, j'ai pas mal de surprises!

J'ai fais mon menu sur le modèle suivant .
Sur FF, pas de soucis, tout s'affiche nickel...mais sur IE par contre...
Voici mon code HTML:

		<div id="imgmenu">
		
			  	<ul id="img_bouge">
			<li id="blob1"><a href="chapD.htm" title="Le ganglion vestibulaire"></a></li>
  			<li id="blob2"><a href="chapB.htm" target="_self" title="Les récepteurs vestibulaires"></a></li>
  			<li id="blob3"><a href="ChapC.htm" target="_self" title="L' épithélium sensoriel"></a></li>
				</ul>

		</div>

Et le CSS:

#imgmenu {
position:absolute;
margin: 0;
padding: 0;
width:197px;
height:200px;
background-image: url(images/img_menuvers2.gif);
background-repeat:no-repeat;
background-position:top;
border: 3px solid #cc3300;
top:0;
left:0;

}

#img_bouge{
position:absolute;
margin: 0;
padding: 0;
top:0;
left:0px;
}


#img_bouge li {margin: 0; padding: 0; list-style-type: none; display: block; position: absolute;}

#img_bouge a {display: block;}


#blob1 {left: 64px; top: 61px; width: 130px; height: 75px;}
#blob2 {left: 24px; top: 20px; width: 87px; height: 127px;}
#blob3 {left: 53px; top: 89px; width: 43px; height:40px;}
 
#blob1 a {height: 75px;}
#blob2 a {height: 127px;}
#blob3 a {height: 40px;}

#blob1 a:hover {background: url(images/imgmenu4.gif) no-repeat;}
#blob2 a:hover {background: url(images/imgmenu2.gif) no-repeat;}
#blob3 a:hover {background: url(images/imgchp3.gif)no-repeat;}

Quelqun pourrait il m'expliquer?

Merci d'avance!