title: Is there a way to stop absolute positioned divs from disappearing on small screens?
body: <p>I'm not really sure how to explain this so here is a picture:
  <a href="http://vsave.org/my/user_folders/Ian33_159/image.jpg" rel="nofollow noreferrer">Window To Small http://vsave.org/my/user_folders/Ian33_159/image.jpg</a></p>
  
  <p>As you can see in the picture, as the screen shrinks, the picture moves out of view because I use the code:</p>
  
  <pre><code>    position: absolute;
      left: 50%;
      margin-left: -450px;
      width: 900px;
  </code></pre>
  
  <p>since it is subtracting 450px it moves into the left of your screen where you can't see it anymore.</p>
  
  <p>Here is the code for my body tag:</p>
  
  <pre><code>    body {
  margin: 0px;
  padding: 0px;
  min-width:1000px; /* suppose you want minimun width of 1000px */
  width: auto !important;  /* Firefox will set width as auto */
  width:1000px;             /* As IE ignores !important it will set width as 1000px;*/
      }
  </code></pre>
  
  <p>If you need more information just let me know.
  Thanks</p>