Tablas flotantes con la opción style:FLOAT

[Gugu_Tata]

<table width="700" height="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="border-color:#000000; border-width:1; border-style:solid ">
<tr>
<td valign="top"><table width="270" height="310" border="0" cellspacing="0" cellpadding="0" bgcolor="#FF0000" style="float: right">
<tr>
<td>&nbsp;</td>
</tr>
</table><table width="100%" height="120" border="0" cellspacing="0" cellpadding="0" bgcolor="#FF00FF">
<tr>
<td>&nbsp;</td>
</tr>
</table><table width="100%" height="120" border="0" cellspacing="0" cellpadding="0" bgcolor="#ff9900">
<tr>
<td>&nbsp;</td>
</tr>
</table><table width="100%" height="120" border="0" cellspacing="0" cellpadding="0" bgcolor="#000000">
<tr>
<td>&nbsp;</td>
</tr>
</table><table width="100%" height="120" border="0" cellspacing="0" cellpadding="0" bgcolor="#99ee99">
<tr>
<td>&nbsp;</td>
</tr>
</table><table width="100%" height="120" border="0" cellspacing="0" cellpadding="0" bgcolor="#FF0000">
<tr>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
</table>

E ahi el código que quiero. Si creais con el un HTML vereis lo que sale. ¿Qué es lo que me pasa pues?, nada mas y nada menos que el resultado que quiero me lo interpreta bien en el FIREFOX y me lo interpreta mal en el EXPLORER. ¿Que puedo hacer para que me aparezca bien en el explorer?.

Para los que no quieran copiarse el código, la cosa es hacer con una tabla un float, para que la alinee a la derecha, y luego el resto de tablas sin dicho float y con 100% de anchura, buscando la finalidad de que cuando una de las del 100% supere la altura de la alineada a la derecha, se extienda hasta el final de la tabla que las sujeta a estas tablas, en vez de pararse cuando empieza la de la derecha.

Espero que quede claro con los colores.

[Gugu_Tata]

¿Se puede hacer algo combinando esto con el style CLEAR?, yo no lo he usado nunca, pero por lo visto puede servir para echar una mano a esto.