title: div height based on another div height
body: <p>I have 3 columns theme and I would like to have all columns same height. Height of column left and right are fixed and should be the same as dynamic height column middle.</p>
  
  <p>layout code:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"&gt;
  &lt;html lang="en-US"&gt;
      &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
          &lt;title&gt;&lt;/title&gt;
          &lt;link rel="stylesheet" href="style.css" type="text/css"&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="container"&gt;
              &lt;div id="sidebar-left"&gt;Sidebar left&lt;/div&gt;   
              &lt;div id="sidebar-middle"&gt;BIG SIDEBAR MIDDLE&lt;/div&gt;  
              &lt;div id="sidebar-right"&gt;Sidebar right&lt;/div&gt; 
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>'</p>
  
  <p>CSS code:</p>
  
  <pre><code>html,
  body {
      height:100%;
      background:#FFEE33;   
  }
  #container {         
      min-height:100%;
      background:#FFAA00; 
  }           
  #sidebar-left,
  #sidebar-right{   
      float:left;
      width:33%;
      min-height:100%; 
      background:#FF0000;
  }  
  #sidebar-middle {  
      float:left;
      width:33%;
      height:2000px;
      background:#444;
  }
  </code></pre>
  
  <p>Is this possible to make only in CSS?
  Appreciate any help.</p>