title: Image is off by a few pixels on different monitor sizes, how to fix?
body: <p>I've looked all over and can not find a direct answer how on how it should be done. The website is  <a href="http://f9k.net/" rel="nofollow">http://f9k.net/</a> and as you can see on different monitors the 42 logo in the middle of the page towards the left gets displaced by a few pixels. How do I stop that. I plan on adding a few more images as well.</p>
  
  <p>Here's my code.</p>
  
  <pre><code>&lt;body&gt;
  
  &lt;IMG STYLE="position:absolute; TOP:0px; LEFT:0px; width: 100%;" SRC="topBar.png"&gt;
  
  &lt;IMG STYLE="position:absolute; TOP:220px; LEFT:350px;" SRC="numberBox.png"&gt;
  
  &lt;h1&gt;Hello World!&lt;/h1&gt;
  
  &lt;IMG STYLE="position:absolute; TOP:700px; LEFT:0px; width: 100%;" SRC="bottomBar.png"&gt;
  
  &lt;/body&gt;
  </code></pre>