Problemas con diseño semi-elástico

[SuperJavi]

Si claro.. Esta es la estructura, (básica)

Código:

<div id="tbl_cage">
      <div id="tbl_contenido">
		<div id="tbl_izquierda">
			<!-- // buttons -->
			<div id="tbl_buttons">
				<ul>
					<li class="titulomenu"><a href="mod=home">Módulos</a></li>
					<li class="submenu"><a href="mod=home">Inicio</a></li>
				    <li class="submenu"><a href="">Contacto</a></li>
				    <li class="submenu"><a href="mod=calendar">Quienes somos</a></li>
				    <li class="submenu"><a href="mod=photogalery">Album</a></li>
				    <li class="submenu"><a href="foro/">Otra seccion</a></li>
				</ul>
			</div>
			<div style="clear:both;"></div>
		</div>	
					
		<div id="tbl_body"></div>
	</div>
	<!-- // bottom -->
	<div id="tbl_bottom">
		Desarrollado por Noctiluca Formacion SL
	</div>	
</div>

Como veis es extremadamente simple la estructura. Ahora el CSS de los divs implicados:

Código:

#tbl_cage { 
	width:100%; 
	text-align:left;
}

#tbl_buttons {
	float:left;
	padding:10px 0px 0px 10px;
	width:160px;
	color: #666666; text-align:left;
	font-family: tahoma, verdana, serif; font-size:11px;
}

#tbl_izquierda {
	width:229px;
	height:auto;
	background:#f4f4f4;	
	margin-left:0;
	float:left;
}

#tbl_contenido {
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
	font-size:2em; font-weight: normal; color:#000000;
}

#tbl_body {
	float:right;
	text-align:left;
	width:90%; 
	border:1px solid blue;
	margin-right: 10%;
	display: inline;
	font-size:0.6em; font-weight: normal; color:#454545;
}

Y se me queda el div tbl_body ocupando el 90% del tamaño total de la página, y no del div tbl_contenido como yo pretendo. Cualquier ayuda se agradece. Gracias a todos.