title: inner div needs to be 100% height
body: <p>Here is my HTML:</p>
  
  <pre><code>&lt;div id="container"&gt;
      &lt;div id="left-container"&gt;
      &lt;/div&gt;
  
      &lt;div id="right-container"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The container is 100% height (I checked it with Firebug). But the <code>#left_container</code> needs to be 100% too and it isn't!</p>
  
  <p>Below is my CSS and a <a href="http://dl.dropbox.com/u/1056571/screenshot.png">screenshot</a>. The yellow should be 100%. Yellow is the background of the <code>#left-container</code></p>
  
  <pre><code>html, body {
      height: 100%;
  }
  #container {
      position:relative;
      margin: 0 auto;
      width: 100%;
      height:100%;
      height: auto !important;
      min-height:100%;
      background: #fff;
  }
  #left-container {
      width: 300px;
      background: #ff0;
      height:100%;
      height: auto !important;
      min-height:100%;
  }
  </code></pre>