title: How would you make an image stay in place but it stays with the browser or screen resolution
body: <p>I asked a question a couple days ago but I dont think I was clear enough so I will clear it up. First let me show you two images and you will see what my problem is. This is what it looks like for me <a href="http://puu.sh/2NrEi.jpg" rel="nofollow">http://puu.sh/2NrEi.jpg</a> but for people with different screen resolutions or have their browser zoomed in they see this <a href="http://puu.sh/2NrED.jpg" rel="nofollow">http://puu.sh/2NrED.jpg</a> and I dont know how I would stop this from happening.</p>
  
  <p>Here is some of my code. (I totally suck at css)</p>
  
  <pre><code> &lt;style&gt;
      #div1 {
      position: absolute;
          left: 542px;
      top: 432px;
      }
      #div3 {
      position: absolute;
          left: 264px;
      top: 433px;
      }
      #div4 {
      position: absolute;
      left: 1045px;
      top: 432px;
      }
      #div5 {
      position: absolute;
      left: 313px;
      top: 566px;
      }
      #divl {
      position: absolute;
          left: 542px;
      top: 460px;
      }
          &lt;/style&gt;
  </code></pre>