title: No scrollbar when using overflow:auto and div heights
body: <p>This is a very basic question, but my brain isn't working and multiple attempts at fixing this have proved fruitless. I'm using overflow:auto in a parent  so that it stretches to the height of its child <code>&lt;div&gt;</code>s. Usually this works for me, this time it's not working: instead it hides the excess height and puts in a scrollbar so I can scroll down. This isn't the behaviour I want. Here's the HTML:</p>
  
  <pre><code>&lt;div id="homecasestudy"&gt;
  &lt;h2 class="homecasestudyheading"&gt;Case Study&lt;/h2&gt;
  &lt;div id="homecasestudyleft"&gt;&lt;h3&gt;Lorem&lt;/h3&gt;&lt;p&gt;Ipsum&lt;/p&gt;&lt;/div&gt;
  &lt;div id="homecasestudyright"&gt;
  &lt;div id="casestudyfrontpic"&gt;&lt;img src="uploads/casestudies/1/casestudyex1.jpg" border="0" /&gt;&lt;/div&gt;&lt;div id="paperclip"&gt;&lt;/div&gt;
  &lt;div id="homecasestudyquote"&gt;Quote&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;&lt;!-- homecasestudy --&gt;
  </code></pre>
  
  <p>And the CSS:</p>
  
  <pre><code>#homecasestudy {
      width:389px;
      min-height:257px;
      background:url(../images/casestudybgtop.jpg) #E5E6E7 no-repeat;
      padding:13px 0 0 13px;
      position:relative;
      overflow:auto;
      }
  
  #homecasestudyleft {
      width:200px;
      min-height:130px;
      float:left;
      margin:20px 0 0 10px;
      }
  
  h2.homecasestudyheading {
      width:366px;
      height:25px;
      background:url(../images/casestudytitlebg.jpg) no-repeat;
      color:#005BA7;
      margin:0;
      padding:6px 0 0 8px;
      font-size:16px;
      }
  
  #homecasestudyright {
      float:left;
      min-height:180px;
      }
  
  #casestudyfrontpic {
      width:154px;
      height:160px;
      background:url(../images/casestudyfrontpic.png) no-repeat;
      padding:6px 0 0 9px;
      position:absolute;
      top:13px;
      right:8px;
      }
  
  #paperclip {
      width:33px;
      height:58px;
      background:url(../images/paperclip.png) no-repeat;
      position:absolute;
      top:1px;
      right:125px;
      }
  
  #homecasestudyquote {
      color:#6E7071;
      font-size:14px;
      font-weight:bold;
      width:147px;
      position:absolute;
      top:180px;
      right:10px;
      margin:0;
      padding:0;
      }
  </code></pre>