problema con la altura de un div...

[FuLaNo_]

Hola gente:

El tema es sensillo, tengo 2 div que deben estar uno al lado del otro, simil celdas. En el div de la izquierda va el titulo y el texto, y en la derecha un par de opciones.

La estructura es la siguiente:

Código HTML:

<!-- CAGE -->
  <div id="tbl_cage">
	  
    <!-- LEFT -->
    <div id="tbl_left">
      <!-- HEADER -->
      <div id="tbl_header">
          title
      </div>
      <!-- BODY -->
      <div id="tbl_body">
        texto div izquierdo
      </div>
    </div>
	  
    <!-- RIGHT -->
    <div id="tbl_right">
      texto div derecho
    </div>
	
    <!-- BOTTOM -->
    <div id="tbl_bottom">
      texto pie pagina
    </div>
  
  </div> 

El CSS que estoy utilizando es:

Código HTML:

#tbl_cage { 
  width:980px; margin:0px auto 0px auto; text-align:center;
  clear:both; background-color:#E8E8E8;
  border:1px solid #CCCCCC;
  z-index:1;
}

#tbl_header { 
  width:770px; height:120px;
  clear:both; 
  margin: 0px; 
  color:#000000;
  background-color:#999999;
}

#tbl_left {
  float: left;
  clear:left;
  width: 770px;
  background-color:#FFFFFF;
  text-align:left;
  border-right:1px solid #CCCCCC;
  z-index: 800;
}

#tbl_right {
  float: right;
  clear:right;
  width: 209px;
  background-color:#E8E8E8;
  text-align:left;
  height: 1%;
}

#tbl_body {
  clear:both;
  padding:10px;
}

#tbl_bottom {
  clear: both;
  text-align:right;
  padding:10px; margin:0px auto 0px auto;
  width:960px;
  background-color:#999999;
  color: #F5F5F5;
  font-family: "Trebuchet MS", verdana, serif; font-size:10px; font-weight: normal;
  border-top:1px solid #CCCCCC;
}

Todo funciona bien, el unico problema es que, cuando el texto del div tbl_right es mayor al de tbl_left, este ultimo queda "corto", es decir, no llega a unirse con tbl_bottom.

Como puedo solucionar esto?