title: How to ensure that a link on an image doesn't move
body: <p>I've been trying to put a link on a 1920x1080 picture at a specific spot. But when I resize the browser the link switches position. How can I ensure that the link stays at the same spot regardless of the size of the browser window?</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;../style.css&quot; /&gt;
  
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;My Website&lt;/title&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;div class=&quot;myImage&quot;&gt;
              &lt;img
                  src=&quot;image.png&quot;
                  alt=&quot;This is a 1920x1080 image&quot;
                  usemap=&quot;#myWorkmap&quot;
                  height=&quot;1080&quot;
                  width=&quot;1920&quot;
              /&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  
      &lt;map name=&quot;myWorkmap&quot;&gt;
          &lt;area shape=&quot;rect&quot; coords=&quot;910, 730, 1031, 758&quot; alt=&quot;This is a link to another HTML page&quot; href=&quot;index2.html&quot; /&gt;
      &lt;/map&gt;
  
  &lt;/html&gt;
  </code></pre>