Layout za pomocą DIV

Cześć,

Chcę podzielić stronę tak, żeby po lewej był pasek o szerokości 15%, po prawej również, a środek 70% był ze źródła IFRAME. Problem polega na tym, że chce, aby paski po lewej i prawej automatycznie zmieniały wysokość na taką, jaką będzie miał pasek środkowy, a jego wysokość zmienia się w zależności od tego co pokazuje IFRAME (wysokość IFRAME zrobilem javascriptem). Jak zobaczycie na screenshocie, wysokość tych bocznych div jest taka jaka jest tylko dlatego, że wrzuciłem tam tekst. Nie chcę też, żeby była fixed na ileś pixeli. Poniżej kody, w załączniku screenshot. Z gory dziekuje za pomoc.

index.html

<div>
	<div style="width:15%; height:auto; position:relative; top:0px; left:0px; background-color:yellow; float:right;">
           asdfasdfadfas<br><br><br><br><br>asasdasdasdf<br><br><br><br>aasasd<br><br><br><br>
        </div>
	<div style="width:70%; height:100%; position:relative; top:0px; left:0px; background-color:white;float:right;">
	   <iframe src="login.php" width="100%" frameborder="0" scrolling="no" id="iframe" onload='javascript:resizeIframe(this);'></iframe>
	</div>
	<div style="width:15%; height:100%; position:relative; top:0px; left:0px; background-color:yellow;float:right;">
            asdfasdfadfas<br><br><br><br><br>asasdasdasdf<br><br><br><br>aasasd<br><br><br><br>
        </div>
</div>

Javascript:

  <script language="javascript" type="text/javascript">
    function resizeIframe(obj) {
      obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
    }
  </script>

dodanie znaczników <code class="html"> i <code class="javascript"> - @furious programming