title: two column layout, left col height constrains right col height, don't know why...?
body: <p>I'm  a little stuck, it's due to my inexperience with html/css and iframes.</p>
  
  <p>Basically, I've got a LH column, which is my menu. and a RH column which house's my content. the RH column is a iframe. </p>
  
  <p>The problem is i can't get the height of the iframe to equal 100%, it's constrained by the height of the LH column.</p>
  
  <p>See below;
  <a href="http://www.therussianfrostfarmers.com/" rel="nofollow noreferrer">http://www.therussianfrostfarmers.com/</a></p>
  
  <p>it's driving me nuts, its seems so simple to fix.</p>
  
  <p>Here's a portion of the relevant html;</p>
  
  <pre><code>&lt;div id='wrapper'&gt;
            &lt;div id='header'&gt;
                   &lt;img src="images/titleBart.gif" alt="rff"/&gt;
            &lt;/div&gt;
  
            &lt;div id='menu'&gt;
                   &lt;div class='container'&gt;
                            &lt;%obj_itop%&gt;
                            &lt;plug:front_index /&gt;
                            &lt;%obj_ibot%&gt;
                   &lt;/div&gt; 
            &lt;/div&gt;    
  
            &lt;div id='content'&gt;
                            &lt;!-- text and image --&gt;
                            &lt;plug:front_exhibit /&gt;
                            &lt;!-- end text and image --&gt;
            &lt;/div&gt;
  
            &lt;div class='clear-both'&gt;
                   &lt;!-- --&gt;
            &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the corrosponding CSS;</p>
  
  <pre><code>#wrapper { 
      margin: 0 auto;
      width:950px; 
      text-align: left; 
      background: #fff; 
      height:100% !important;
  } 
  
  .clear-both { clear: both; }
  
  #content {
      width: 760px;
      margin: 20px 0 0 190px;
      padding:0;
      height: 100% !important;
      overflow: auto;
  }
  
  #menu {
      width: 170px;
      position:absolute; 
      margin:0;
      padding:0;
      overflow: auto;
  }
  
  .container {  
      margin:0;
      padding:0;
  } 
  </code></pre>
  
  <p>Any help would be much appreciated,</p>
  
  <p>thanks cam</p>