title: Responsive image map resizing with imageMapster: do I misunderstand what scaleMap does?
body: <p>When an image is styled with CSS to grow or shrink to occupy available space in the container DIV, what steps must be taken to keep the image-map area coordinates in sync with the changing image size? </p>
  
  <pre><code>img {
      /*  border: 2px dotted red; */
      width:100% !important;
      max-width: none !important;
      height: auto !important;
  }
  div {width: 100%; height: auto}
  </code></pre>
  
  <p>Does the plugin's <code>scaleMap: true</code> property handle this scenario? Or must additional steps be taken? I haven't been able to get it to work using scaleMap alone, but perhaps I'm misunderstanding what scaleMap does. Does it handle situations where the user drags the browser window wider or narrower, and changes in orientation on a tablet device?</p>
  
  <p><a href="http://jsfiddle.net/juvyh/1309/" rel="nofollow">http://jsfiddle.net/juvyh/1309/</a></p>