title: Container DIV not expanding to include DIVs with absolute positioning
body: <p>I imagine there is a simple solution, but it eludes me.  If you look at <a href="http://salliannputman.com/test.html" rel="nofollow">this page</a> you will see that only the header has a grey background.  The grey background is set by the #container DIV which I would like to stretch down the entire height of the page:</p>
  
  <pre><code>#container {
    padding: 0;
    margin: 0;
    background-color: #292929;
    width: 1200px;
    margin: 0 auto;
  }
  </code></pre>
  
  <p>At the moment it is only stretching over the header section of the page, and the content below is not contained within it.  I imagine that is because the main content in the #content DIV has absolute positioning, which I need in order to be able to do some animations on the positioning of this div (you can see this when you hover over the nav bar image):</p>
  
  <pre><code>#content {
      font-family: Lucida sans unicode !important;
      color: #CECBBB;
      text-align: justify;
      position: absolute;
      top: 210px;
      padding: 20px 40px;
  }
  </code></pre>
  
  <p>From some research it would seem that DIVs with absolute positioning are not included in the height of parent DIVs, but I am not sure how to fix this.</p>
  
  <p>I'd be grateful for some help.</p>
  
  <p>Thanks,</p>
  
  <p>Nick</p>