title: Child DIV will not display inside of Parent DIV
body: <p>Okay, my problem is that #main_content is the child of #content but it will not display in #content. I need for #content to vertically expand to #main_content's size. Also, #content is a part of #main_wrap, which should extend all the way to #footer. Any help would be greatly appreciated.  </p>
  
  <pre><code>#main_wrap {
      width: 850px;
      margin-top:15px;
      margin-right: auto;
      margin-bottom: 0px;
      margin-left: auto;
  }
  #top {
      width: 850px;
      height: 288px;
  }
  #top_content {
      width:850px;
      height:250px;
  }
  #nav {
  
      background-color:#333;
      height:38px;
  
  #content {
      width:850px;
      padding-top:15px;
      padding-bottom:15px;
  }
  
  
  
  #main_content {
      font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;   
      float:left;
      width:850px;
      height:auto;
  
  }
  
  #footer {
      float: left;
      width:100%;
      height:250px;
      background-image:url(images/footer_bg_blue.png);
      background-repeat:repeat-x; 
      margin-bottom:0px;
      margin-left:0px;
      margin-right:0px;
      text-align:center;
  }
  #footer_cont {
      padding-top:15px;
      padding-bottom:15px;
  }
  
  &lt;div id="main_wrap"&gt;
          &lt;div id="top"&gt;
              &lt;div id="top_content"&gt;
  
              &lt;/div&gt;
              &lt;div id="nav"&gt;
  
  
  
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div id="content"&gt;
              &lt;!--&lt;div id="sidebar"&gt;
  
              &lt;/div&gt;--&gt;
              &lt;div id="main_content"&gt;
              &lt;h1&gt;Hello World&lt;/h1&gt;
              &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean libero risus, tincidunt a placerat vel, dignissim eget ligula. Mauris lobortis adipiscing orci, ut scelerisque nibh rhoncus nec. In metus ante, bibendum ac hendrerit et, vulputate id dolor. Sed et tellus at ipsum molestie tempus. Ut vitae vulputate sem. Sed sed ipsum elit, eget adipiscing magna. Sed et nisl eros, vitae convallis dui. Nullam nec feugiat nisi. Praesent in tortor ut enim molestie fermentum a et enim. Proin at porttitor ligula. Nulla vitae vulputate mauris. Donec auctor odio elit, vel egestas justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec suscipit pretium mollis. Sed egestas hendrerit quam eu pellentesque. Phasellus pharetra urna in mauris bibendum interdum. Pellentesque pellentesque pellentesque eros, eu adipiscing lectus fermentum id. Nullam iaculis, nisi auctor tincidunt hendrerit, eros quam accumsan elit, at cursus quam quam ac leo&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;!--&lt;/div&gt;--&gt;
      &lt;div id="footer"&gt;
          &lt;div id="footer_cont"&gt;
              test
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>