当图片放大缩小时，热区的链接不能正常显示

用热区的方式，在图片中标注了若干个area。当鼠标滑到每个区域上会显示不同的内容。这个图片（类似地图）是可以放大缩小的。但是当图片放大缩小后，原本的区域链接就不能正常显示了。我想是图片缩放后热区的位置变了。但原本划出的信息设定的coords没有相应变化的原因造成的。但不知道怎么解决
代码片段
<MAP NAME="demo.jpg">
<AREA SHAPE="CIRCLE" COORDS="285,345,20" style="cursor:hand"  onmousemove="javascript:showdiv(div1);" onmouseout="javascript:div1.className='divhidden';">
<AREA SHAPE="RECT" COORDS="460,200,530,240" style="cursor:hand" onmousemove="javascript:showdiv(div2);" onmouseout="javascript:div2.className='divhidden';">
......
</MAP>
各位大侠这个问题怎么解决呢？谢谢！