title: Container div height not resizing?
body: <p>I know there are a hundred and one questions about autosizing a div's height but no suggestions seem to work for me which leads me to believe I'm missing something obvious. Basically I have a container Div, then another smaller div inside (absolutely positioned) and in side that one I have X about of div boxes being created (relatively positioned). The problem is that the height of the main container div won't stretch with it. Any help? Thanks!</p>
  
  <pre><code>.mainContainer{
      position: relative;
      width:800px;
      height:auto;
      padding-top:10px;
      margin-left: auto;
      margin-right: auto;
      border-style:solid;
      border-width:2px;
  }
  .smallerDivInsideMainDiv{
      position:absolute;
      left: 20px;
      top: 50px;
      width: 600px;
  }
  .divsThatAreOverflowing{
      position: relative;
      margin-top:20px;
      border-style:solid;
      border-width:1px;
  }
  </code></pre>