title: Twitter Bootstrap is screwing up my imagemap - Anyone else have this issue?
body: <p>First off - this is my first question ever (I'm still a beginner) and I can't say how much I appreciate this site and all the help I've found on here. Hopefully every question I ask can help someone else too :)</p>
  
  <p>I realize not many people use imagemaps any more but I have one and twitter bootstrap (version 3.0.0) is screwing up my coordinates - putting the links in the wrong places. I can make it work with the following code but then it wont resize to fit the screen. Any tips?</p>
  
  <pre><code>&lt;style&gt;
  &lt;!Driving me nuts - without this the imagemap links are in the wrong places - with this it wont resize&gt;
  #img_ID {
      max-width:none;
      width:auto;
      display: inline;
  
  }
  
  &lt;/style&gt;
  </code></pre>
  
  <p>Here is a snippet of the actual imagemap code </p>
  
  <pre><code>&lt;div style="width:100%"&gt;
  &lt;img id="img_ID" src="NewMatGuide.png" USEMAP="#map" border="0" class="" width:100% alt=""&gt;
  &lt;/div&gt;
   &lt;Map id="map_ID" name="map"&gt;
     &lt;AREA shape="RECT" COORDS="80,151,258,252" HREF="PlacementResults.php?ChosenArea=A"&gt;
     &lt;AREA shape="RECT" COORDS="80,328,258,432" HREF="PlacementResults.php?ChosenArea=B"&gt;
     &lt;AREA shape="RECT" COORDS="80,521,258,620" HREF="PlacementResults.php?ChosenArea=C"&gt;
  </code></pre>