title: follow height of parent div, auto adjust height of parent div when child div has a longer content
body: <p>here is my HTML -> <a href="http://aivan.info/" rel="nofollow">http://aivan.info/</a></p>
  
  <p>Structure</p>
  
  <pre><code>&lt;div id="wrapper"&gt;
      &lt;div id="leftg"&gt;
      &lt;/div&gt;
      &lt;div id="container"&gt;
  
          &lt;div id="header"&gt;
          &lt;/div&gt;
          &lt;div id="logo"&gt;
          &lt;/div&gt;
          &lt;div id="navigation"&gt;
          &lt;/div&gt;
          &lt;div id="body"&gt;
              &lt;div id="bleft"&gt;
              &lt;/div&gt;
  
              &lt;div id="bright"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="rightg"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like rightg and leftg to follow the height of wrapper while I want the height of wrapper to fit the contents of body. I want body to be fluid based on the contents with a minimum height.</p>
  
  <p>PS: should be IE6,IE7,FF6 Compatible</p>