Esta es la manera que he utilizado para hacerlo:
Primero llamo las imagenes desde un script:
<script>
var foto=new Array()
foto[0]=new Image()
foto[0].src="barrabotonesalfaromeo.gif"
foto[1]=new Image()
foto[1].src="barrabotonesalfaromeoover.gif"
</script>
Y luego en el codigo lo utilizo de la siguiente manera:
<div id="capa2"> <img src="barrabotonesalfaromeo.gif" border="0" usemap="#Map" onmouseover="this.src=foto[1].src" onmouseout="this.src=foto[0].src">
<map name="Map">
<area shape="rect" coords="39,4,141,17" href="servicios.htm">
<area shape="rect" coords="188,4,290,17" href="vehiculos.htm">
<area shape="rect" coords="335,4,438,18" href="ofertas.htm">
<area shape="rect" coords="483,4,584,18" href="laempresa.htm">
<area shape="rect" coords="631,4,732,16" href="contacto.htm">
</map>
</div>
Y lo dicho en Mozilla no me funcina el cambio de imagen al pasar por los mapas
![Pensando](http://static.forosdelweb.com/fdwtheme/images/smilies/scratchchin.gif)
<div id="capa2"> <img src="barrabotonesalfaromeo.gif" border="0" name="foto[0]" usemap="#foto[0]Map" onmouseover="this.src=foto[1].src" onmouseout="this.src=foto[0].src">
<map name="foto[0]Map">
pero tampoco
![triste](http://static.forosdelweb.com/fdwtheme/images/smilies/frown.png)
¿Que puedo cambiar o añadir? Bueno tambien lo he intentado con <a href="#">, aunque no se si hace falta y como colocarlo luego exactamente
![Pensando](http://static.forosdelweb.com/fdwtheme/images/smilies/scratchchin.gif)
P.D: Tambien he mirado en los buscadores y no he visto el problema con Mozilla.