Onmouseover+Map

Bonjour,

Voilà mon idée était de de changer une image au passage de la souris.
J'ai réalisé ceci a l'aide de la fonction onmouseover, mais j'ai voulu rajouter sur l'image quelques liens que j'ai créé à l'aide de MAP.

Mais j'ai un petit problème, c'est lorsque je passe la souris sur ces liens, l'image revient à l'initial, alors qu'elle devrait rester pareil.
En fait, cela réagit comme si la souris quitter l'image, et je ne comprends pas.
Je n'ai pas envi d'utiliser de rollover si cette solution que vous me proposez.

Voici mon code:


<img src="images/traceurrealisations1.jpg" border=0 width="386px" height="550px" usemap="#Map" alt=""

onMouseOver="this.src='images/traceurrealisations.jpg';" onMouseOut="this.src='images/traceurrealisations1.jpg';">



<map name="Map" id="Map">

<area shape="rect" coords="317,517,372,538" href="index.html" >

<area shape="rect" coords="51,178,67,194" href="#">

<area shape="rect" coords="319,382,337,398" href="#" >

</map>