title: HTML/CSS: Problem with full width
body: <p>Please take a look at this page:
  <a href="http://uploads.dennismadsen.com/fullwidth.html" rel="nofollow">http://uploads.dennismadsen.com/fullwidth.html</a></p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="da-DK"&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body style="background-color:#e0e0e0;color:#fff;"&gt;
  
    &lt;div style="position:absolute;width:100%;"&gt;
        &lt;div style="background-color:#000;"&gt;
          &lt;div style="width:800px;margin:0px auto;text-align:right;"&gt;Container width a width of 1500px&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The inner div has a width of 800px and should be horizontal centered if the window is bigger than 800px. Try to see the page in a browser window smaller than 800 px. For instance with a width around 500px. Than the black background is not having full width when you scroll right. Why?</p>