title: Keeping images in the same spot, regardless of zooming in or out
body: <p>I have a number of images on my site that I have positioned in various places. However, every time I zoom in or out on the page they move everywhere! Can someone assist me?</p>
  <p>This is an example the kind of code I am using to position my images. Its the only code I have found personally that lets me set images anywhere I like. But still it moves when I zoom!</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;IMG STYLE="position:absolute; TOP:2820px; LEFT:150px; WIDTH:100px; HEIGHT:100px" SRC="http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons-256/abstract-red-and-gold-paint-splatter-icons-culture/022426-abstract-red-and-gold-paint-splatter-icon-culture-heart-simple.png"&gt;</code></pre>
  </div>
  </div>
  </p>