Te pongo un ejemplo para que veas por dónde va la cosa. Es en tres pasos:
1.- en la cabecera de tu html debes añadir esto justo después de la etiqueta </style>:
Cita: <!--[if IE]><style>.uno {left:140px;} .dos {left:143px;} .tres {left:138px;} .cuatro {left:148px;}</style><![endif]-->
2.- Ahora en la css debes hacer estos cambios:
Cita: div#links {width: 250px; height: 230px; font: 10px Verdana, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif;
padding: 0px 3px; margin: 0 0 1px; border-width: 0;
text-decoration: none; color: #000000;}
div#links a:hover {color: #FF0000;position:relative;}
div#links a img {display: none; border: 3px #cb62ff;}
div#links a:hover img {position: absolute; height: 200px; width: 200px;display: block;}
.uno, .dos, .tres, .cuatro {left: 240px;}
.uno {top:4px;}
.dos {top:-9px;}
.tres {top:-22px;}
.cuatro {top:-35px;}
copia y pega tal cual
3.- En el html debes poner una clase a cada imagen:
Cita: <div id="links">
<a href="http://fullfun-test.iespana.es/Frente.gif">Frente<img class="uno" src="Frente.gif" /></a>
<a href="http://fullfun-test.iespana.es/Entrada.gif">Entrada<img class="dos" src="Entrada.gif" /></a>
<a href="http://fullfun-test.iespana.es/Salon.gif">Salón<img class="tres" src="Salon.gif" /></a>
<a href="http://fullfun-test.iespana.es/Escritorio.gif">Escritorio<img class="cuatro "src="Escritorio.gif" /></a>
</div>
copia y pega también para ver el ejemplo.
A ver si te orienta de por dónde va la cosa.
Mikel.