Cita:
Iniciado por infiero 
Tendrias que rearmarlo, esa es una forma mas simple hago desaparecer el texto del div "LINK" y entonces solo queda la img solo te queda ubicar cada div exactamente donde iria la parte que queres que cambie y listo.
No uso ningun div, lo hago de una forma mas facil (a mi entender)
este es el codigo:
Código:
<table id="plano1" bordercolor='red' border='0' background='img/planos/primera.jpg'>
<tr>
<td colspan='3'>
<center>
<img src='img/planos/primera.png' width='940' height='465' usemap="cuadro" onclick='escribir()'>
<MAP NAME="cuadro">
<AREA SHAPE=POLY; COORDS="330,321,330,450,596,449,595,322,330,321"
HREF="#" ALT="101"
onmouseover="document.getElementById('plano1').className='uno';"
onmouseout="document.getElementById('plano1').className='inicio';">
<AREA SHAPE=POLY; COORDS="326,452,5,451,4,324,272,323,270,363,327,365,326,452"
HREF="#" ALT="102"
onmouseover="document.getElementById('plano1').className='dos';"
onmouseout="document.getElementById('plano1').className='inicio';">
</MAP>
</center>
</td>
</tr>
</table>
</center>
Pongo solo dos secciones de la imagen, pero son todas iguales.
Este es el CSS:
table.uno
{
background: url(img/planos/primera101.jpg)
}
table.dos
{
background: url(img/planos/primera102.jpg)
}
table.tres
{
background: url(img/planos/primera103.jpg)
}
Creo que es muy facil de entender, pero no se porque falla en los otros navegadores :(