Problema -creo- con overlay en IE

[Koden]

Hola, buenos días.

Veréis, tengo una web maquetada con divs (he abandonado la maquetación en tablas hace poquito) y he conseguido un script de acordeón que funciona perfectamente en Firefox, pero que en IE no funciona como a mí me gustaría, y, según creo el fallo está en que al ser animadas para desaparecer, las capas no se tapan unas a otras...

El script podéis verlo aquí, y si podéis echar un vistazo para orientarme en el fallo os lo agradeceré.

¡Un saludo para todos y gracias por descontado!

[Mikmoro]

Yo en IE6 lo veo funcionar casi igual que en FF2

[Koden]

Sí, funciona mejor en IE6 que en IE7...

Aunque lo que quiero solucionar también falla (parcialmente) en IE6, ya que si te fijas, el desplazarse las capas no terminan de cubir el texto hasta que se establece la opción pulsada...

Será una tontería de bug en el que habrá que cambiar una línea para IE... Pero no doy con ella...

Seguiré buscando, a ver...

¡Gracias por tu ayuda!

[ssclamp]

Hola Koden

Creo que el problema lo localizas en el estilo .box:

.box {
background: #fff;
padding: 0px 10px 1px 10px;
text-align: left;
/*position: relative; eliminado: mira si es necesario eliminar también en el resto de las boxes */
}

Elimina el position: relative y funciona correctamente en ie6, 7 y 8. Además sigue funcionando correctamente en ff, opera y chrome.

Saludos
____________

Por otra parte tienes algunas cosas que mirar para que te funcionen las transparencias png en ie6 y, también en ie6, en el menú superior el fondo amarillo no cubre la totalidad de los conceptos -se queda corto por la izquierda: la H de Home queda fuera del fondo-.