title: 100% DIV width is not really 100%
body: <p>When I have a <code>&lt;div&gt;</code> with <code>width: 100%</code>, it is not really 100%:</p>
  
  <pre><code>&lt;div id="div"&gt;testtesttesttesttest&lt;/div&gt;
  
  ...
  
  #div {
    width: 100%;
    background-color: red;
  }
  </code></pre>
  
  <p>Now when you resize the window, so there is a horizontal scrollbar, and you scroll to the right, then the background is vanished. How can I remain the background in this case?</p>
  
  <p>Here you can see the problem in action:
  <a href="http://beta.ovoweb.net/?i=3" rel="noreferrer">http://beta.ovoweb.net/?i=3</a></p>
  
  <p>Now when you resize the window and scroll to the right, you can't see the background anymore. How to fix this?</p>