title: <div> position:absolute; bottom: 0; not working as expected in IE7
body: <p>My site, a course catalog tool for universities, has a center pane that contains a dynamically updated list of classes. In Firefox, Opera, and Chrome, the center pane has the intended scrolling behavior: when the class list exceeds the height, the center pane has a scroll bar.  IE, however, only shows this bar when the height is explicitly set.  Without using JavaScript to reset the center pane height on resize, how can I force Internet Explorer to show the scroll bar?</p>
  
  <p>The center pane:</p>
  
  <pre><code>&lt;div id="middlenav"&gt;
      &lt;div id="middleheader"&gt;&lt;/div&gt;
      &lt;div id="courselist"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and its CSS:</p>
  
  <pre><code>div#middlenav {
      position: absolute;
      left: 250px;
      right: 350px;
      top: 0px;
      bottom: 0px;
  }
  
  div#courselist {
      overflow: auto;
      position: absolute;
      top: 55px;
      bottom: 0px;
      width: 100%;
  }
  </code></pre>
  
  <p>It looks like the center pane isn't obeying the <code>bottom: 0px;</code> statement, and is expanding to the full height of the contained <code>#courselist</code>.  I tried <code>body { height: 100% }</code> but that didn't fix it either.</p>