CSS que no funciona en IE

[Cain]

Para variar, tengo un problema con Internet Explorer (yo uso IE 6, no sé si el error persiste en IE 7).

Tengo la página siguiente:
http://www.traduim.com/demo/traduim/...useaction=main

En FF, me respeta los tamaños y los floats de los elementos #menu y #contingut, por lo que se ve el menú a la izquierda y el contenido a la derecha en la misma altura.

En IE, en cambio, no sé que es lo que no respeta y me muestra primero el menú a la izquierda y luego, justo a continuación, el contenido a la derecha.

He hecho mil pruebas para determinar que no era el tamaño ni el float, he probado de quitar la propiedad hasLayout del IE de mil maneras, pero no encuentro solución a mi problema

Si alguien se ha encontrado con lo mismo y me puede indicar la manera de arreglarlo, tutoriales de Internet donde lo expliquen, etc. se lo agradecería.

Gracias!

[tunait]

Hola Cain,

mira que es raro el asunto

Me he encontrado alguna vez con este comportamiento pero ninguna de las soluciones parece que sirven en este caso, osea, que la razón de este comportamiento debe ser otra.

Parece que hay algo que sobre-escribe el flotado al contendor menu para explorer. De hecho, parece que nada de lo que se le pida en la hoja de estilos donde está definido hace reaccionar a IE, es como si pasara ese contenedor por alto.

La razón de todo esto, la desconozco, pero se soluciona volviendo a aplicarle un flotado al contenedor al final de la hoja de estilos.

Código:

#seccio a:hover, #copyright a:hover {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}
#menu{
	float: left;
} 

Un saludo

[tunait]

... ya verás, aplícale esto directamente tal y como lo tienes en el server

Código:

javascript:document.getElementById('menu').style.styleFloat='left';document.close()

osea, pégalo en la barra de direcciones (en IE) y dale intro

[Cain]

Muchas gracias Tunait!!!

Eres la mejor