title: Background color not showing for a DIV
body: <p>I'm not sure what I'm doing wrong but having trouble applying background color for #content. But it works fine if I set the height value to let say 800px. but I want it to be either auto or 100% as this template will be used throughout the site. any advice would be greatly appreciated.</p>
  
  <pre><code>&lt;div class="content_bg"&gt;
      &lt;div id="content"&gt;
          &lt;div id="contentLeft"&gt;   
          &lt;/div&gt;
          &lt;div id="contentRight"&gt; 
              &lt;div id="ContentPane" runat="server" /&gt;           
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="footer_bg"&gt;
      &lt;div id="footer"&gt;
          &lt;div id="footerLeft"&gt;            
          &lt;/div&gt;
          &lt;div id="footerRight"&gt;           
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  /*
  ====================================================================
  Content Area
  ====================================================================
  */
  
  .content_bg
  {
      background:#dadad9 url(images/interior_content_bg_top.jpg) repeat-x center top;
      overflow:hidden;
  }
  
  #content
  {
      width:980px;
      margin:auto; 
      height:auto; 
      background:#fff; 
  
  }
  
  #contentLeft
  {
      float:left;
      width:209px; 
      margin-top:50px;   
  }
  
  
  #contentRight
  {
      float:right;
      width:770px; 
      margin:20px 0 0 0;
  }
  
  /*
  ====================================================================
  Footer
  ====================================================================
  */
  
  .footer_bg
  {
      background:#dadad9 url(images/interior_footer_bg.jpg) repeat-x center top;
      clear:both;
  }
  
  #footer 
  {
      width:980px;
      height:258px;
      margin:auto;
      background:#dadad9 url(images/interior_footer.jpg) no-repeat center top;
  }
  #footerLeft
  {
      width:400px;
      height:50px;       
      float:left;
      padding: 20px 0 0 25px;    
  }
  
  #footerRight
  {
      width:100px;
      height:50px;       
      float:right;
      padding: 20px 0 0 0;
  }
  </code></pre>