Ciao a tutti, come posso cambiare l'immagine (tutta l'immagine) di una maps html??

ho provato in questo modo ma non funziaaaa
codice:
  <table border="0" align="center" cellspacing="0" cellpadding="0" >
  <tr>
    <td valign="baseline">
    [img]images/center.png[/img]
    </td>
  </tr>
  <tr>
    <td valign="top">
        

      </td>
  </tr>
</table>>

<map name="MapMap" id="MapMap">
    <area shape="rect" coords="1, 344, 98, 442" href="#" onmouseover="this.src='images/center_1.png'" onmouseout="this.src='images/center.png'"/>
    <area shape="rect" coords="102, 345, 196, 442" href="#" />
    <area shape="rect" coords="200, 347, 295, 442" href="#" />
    <area shape="rect" coords="296, 346, 388, 442" href="#" />
 </map>