CSS: div-Höhe übernehmen

[Juro]

Hi,
Ich weiss, daß ein ähnlicher Thread gerade aufgemacht wurde, mein Problem ist aber ein anderes.

Ich habe folgende Seitenstruktur (kommt von einem Mambo-CMS:

<div id="total">
  <div id="title">
    <?php mosLoadModules( 'top' ); ?>
  </div>
  <div id="left">
    <?php mosLoadModules ( 'left' ); ?>
  </div>
  <div id="main"><?php mosMainBody(); ?></div>
  <div id="bottomline"><?php include_once('includes/footer.php'); ?></div>
</div>

und folgendes CSS:

div#total {
  position:	        absolute;
  top:              50px;
  left:             50px;
  background-color: #edd185;
}  

div#title {
    width:	900px;
    height:	123px;
    background-image: url('../images/header.jpg');
    z-index: 1;
}

div#main {
  position          :	absolute;
  top               : 138px;
  left              : 245px;
  width             :	655px;
  background-color  : #edd185;
  z-index           : 1;
}

div#left {
	position          :	absolute;
	top               : 138px;
	left              :   0px;
	width             :	230px;
	height            : 100%;
	background-color  : #edd185;
}

div#bottomline {
	position          : relative;
	left              : 245px;
	width             :	655px;
	height            : 142px;
  background-color  : #edd185;
  text-align        : center;
  padding           :  10px;
  z-index           : 2;
}

Jetzt würde ich gerne die Höhe des div#left an die des div#main Elementes anpasst. Meine Überlegung ist folgende:

Wenn sich div#main an den Inhalt anpasst und größer wird, so muss auch das Eltern-Element div#total größer werden (automatisch). Jetzt muss ich div+left nur noch "sagen", daß es die komplette Höhe des div#total Elementes verwenden soll. Das dachte ich mache ich mit "height=100%", nur leider geht das nicht.

Geht das überhaupt?

lg
juro