title: is there a way to resize an image and have an image map stay in the same place? (html/Javascript/CSS)
body: <p>i am currently making a website that s designed to be a test. It has an image and an image map, i am trying to use JavaScript to get the clients screen size and resize the image to fit the clients screen size but when i do the image map is not were i need it to be. Is there a way to get the image map to stay in the same place with out having to "physically" resize the image in paint or Photoshop. <a href="http://www.sherrimack.com/complit" rel="nofollow">My site</a> (with out getting the clients screen size). Basically i am trying to make the image fit their screen so its easier to navigate the test,its realistic, but without screwing up my image map positioning. Any hep would be much appreciated.</p>
  
  <pre><code>    `&lt;map name="desktopmap" &gt;
      &lt;area onclick="correct();" shape="rect" coords="1,575,38,597"  href="OS2.html" &gt;  
      &lt;/map&gt;
      &lt;img onclick=" wrong('OS2');" src = "../Pic/desktop.png" usemap = "#desktopmap" &gt;`
  </code></pre>
  
  <p>Thank you. </p>