CSS para tablas (modificar filas por columnas) para IE

[ChrisGU]

Buenos días a todos.

Me gustaría saber si existe alguna forma mediante CSS, para cambiar las filas por columnas en una tabla para Internet Explorer.

Por ejemplo si tenemos el siguiente código HTML:

Código:

<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" class="cont">
<tr>
	<td valign="top" class="cont_desc" colspan="2">
				<div class="img_s">
					<p><img src="http://www.vincentmounier.com/blog2/uploads/vcr9/ff-ie.jpg" alt="" width="250" /></p>
				</div>		
     </td>
</tr>

<tr>
	<td colspan="2">
		<ul>
			<li>					
				<div id="id1" class="class1"><a href="#">Secc1.</a></div>					
            </li>
            <li>
				<div id="id2" class="class1"><a href="#">Secc2.</a></div>								
            </li>
            <li>
				<div id="id3" class="class1"><a href="#">Secc3.</a></div>					
            </li>
            <li>
				<div id="id4" class="class1"><a href="#">Secc4.</a></div>					
            </li>
		</ul>
		</td>
</tr>
</div>
</table>

y aplicamos la regla

Código:

tr {
	float:left;
}

en firefox y demás navegadores, la fila de la tabla pasará a visualizarse como columna cuando tenga suficiente espacio a la derecha de la imagen.
En los Internet Explorer, como van a su bola, pues no pasa esto.
He probado con las siguientes reglas, pero tampoco me funciona en IE.

Código:

tr {
	float:left;
}

.img_s {
	float:left;
	position:relative;
	z-index:2;
}

ul {
	float:left;
	position:relative;
	z-index:3;
}

Me gustaría saber si existe alguna forma de hacerlo en IE.
Gracias.