title: setting height 100% not working
body: <p>For some reason the container's boundaries won't go all the way to the bottom despite making its height 100%.  Here is my code, the container is under another div center.</p>
  
  <p>Html</p>
  
  <pre><code>&lt;div id="center"&gt;
  &lt;div class="container" &gt;
   &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>#center {   
    float:left;
    width:20%;
    margin-top:10px;
    height:100%;
  }
  
  .container {
    margin-top:3px;   
    height:100%;  
    border:2px solid #dedede; 
    width:600px;
  }
  </code></pre>