title: Left Column Not 100% Height
body: <p>I have a green background that should go down the full length of the left column, to just above the footer. I have all respective divs set to 100% height, but it's stopping short.</p>
  
  <pre><code>html, body { height: 100%; }
  
  div#page-wrap {
    width:960px;
    height:100%;
    margin:0 auto;
    padding-bottom:10px;
  }
  
  div#body-wrapper {
     height:100%;
     position:relative;
  }
  
  nav#side-navigation {
     height:100%;
     width:185px;
     background-color:#C2F4C2;
     float:left;
  }
  
  div#content-wrap {
     width:775px;
     height:100%;
     float:right;
     position:relative;
     background:transparent url(../images/global/column_corner.gif) no-repeat top left;
  }
  </code></pre>
  
  <p>Here is the site code: <a href="http://freshbaby.com/v20/about_us/index.cfm" rel="nofollow">http://freshbaby.com/v20/about_us/index.cfm</a></p>