title: div height 100 percent
body: <pre><code>&lt;img id='imgT' src="..."&gt;
  
  &lt;div id="divL"&gt;&lt;/div&gt;
  &lt;div id="divR"&gt;&lt;/div&gt; 
  </code></pre>
  
  <p>css</p>
  
  <pre><code>body{
      max-width:1024px;
  }
  #imgT{
      width:100%;
      border:thin solid blue;
      display:block;
  }
  #divL{
      width:20%;
      height:100px;  // I need 100%
      background:#008080;
      float:left;
  }
  #divR{
      width:80%;
      height:100px;  // I need 100%
      background:blue;
      float:left;
  }
  </code></pre>
  
  <p>fiddle is <a href="http://jsfiddle.net/NPjZe/">here</a></p>
  
  <p>So, how can I make the two divs height 100 percent, i.e. from the bottom of image to the bottom of page.</p>