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.

[jomaruro]

Hola:

¿Has probado a flotar a la izquierda los td en lugar de el tr? De todas formas te diré que si estás haciendo un menú, lo más aconsejable es usar listas en lugar de una tabla. En las FAQ's de CSS tienes varios ejemplos de ellos.

Saludos.

[ChrisGU]

Hola:

Si, he probado flotando los td pero así deja de funcionar en firefox y tampoco funciona en IE.
Si, es para hacer un menú pero no puedo modificar ese código porque es lo que me construye Joomla cuando presenta una sección y sus categorías. He insertado una imagen en la descripción de la sección y al presentarme la sección me construye esa estructura: Una tabla con 2 filas, en la primera inserta los datos de la sección (descripción e imágenes) y en la segunda fila inserta la lista de categorías.
Lo que quiero hacer es que aparezca el listado de categorías a la derecha de la imagen y no debajo. He probado con Firefox, Safari, Opera y Chrome y no hay problema pero IE7 ni IE8 me flotan la fila.

[alexk]

ChrisGU
mmm no entiendo bien... y tampoco entiendo lo de joomla "no puedo modificar" si joomla te deja manipular el contenido y los modulos :S...