IMAGE MAP 自适应页面的热点问题

Question

利用CSS，对DIV里面的IMAGE进行处理，以适应不同分辨力显示和窗口缩放显示，代码如下：CSS：
#imgdiv img{
  margin:0;
  padding:0;
  marginwidth:0;  
  marginheight:0;
  display:block;
  max-width:100%;
  width:expression(document.body.clientWidth>document.getElementById("imgdiv").scrollWidth*8/10? "90%": "auto" );
  border:0px dashed #000; }HTML：  <div><img src="1.jpg"></div>
  <div><img src="2.jpg"></div>
  <div><img src="3.jpg"></div>
  <div><img src="4.jpg" usemap="#Map1">
  <map name="Map1">
  <area shape="rect" coords="257,7,358,34" href="#MY" />
  </map></div>使用什么代码可以让 image map coords 里的坐标数据 适应 页面中 BODY 的WIDTH变化