title: CSS box height don't strecthes to 100%
body: <p>I have a box in a box as everybody does. I want the left column to be streched to full height. 
  So the problem is that the leftcolumn don't stretch to the full height of the contentbox.</p>
  
  <p>here is the HTML</p>
  
  <pre><code>&lt;div id="realBody"&gt;
      &lt;div id="bigBox"&gt;
          &lt;div id="contentBox"&gt;
              &lt;div id="rightColumn" style="height:600px;"&gt;
  
              &lt;/div&gt;
  
              &lt;div id="leftColumn"&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>@CHARSET "UTF-8";
  
  body                {
                      height: 100%;
                      margin:0px;
                      overflow:hidden;
                      background:url(../image/bg.jpg);
                      background-repeat:repeat-x;
                      background-position:center;
                      background-color:black;
                      font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
                      }
  
  
  
   #bigBox                {
                          width:1000px;
                          height:auto;
                          overflow:auto;
                          margin:40px auto 20px auto;
                          padding:10px;
                          }
  
  #realBody           {
                      position:absolute;
                      z-index: 5;             
                      overflow:auto;
                      height:100%;width:100%; 
                      }
  
  #contentBox         {
                      border-top:solid 10px #e1e1e1;
                      border-bottom:solid 10px #d1d1d1;
                      margin-top:10px;
                      background-color:white; 
                      overflow:auto;
                      height: auto;
                      box-shadow:0px 0px 20px black;
                      }
  
  
  
  #leftColumn         {
                      position:relative;
                      width:300px;
                      padding:10px;
                      height:100%;
                      box-shadow:0px 0px 20px black;
                      background-color:#e3e3e3;
                      z-index:6;
                      }
  
  #rightColumn        {
                      position:relative;
                      float:right;
                      width:650px;
                      padding:10px;
                      z-index:4;
                      }
  </code></pre>