Hola, pues cada vez estoy más hasta los mismísimos co*** del IE.

Ahora el fallo me viene con IE6, que no me visualiza los menús como debería.

Es decir, los menús tienen una imagen JPG de fondo que se "clarea" un poco cuando se pasar el ratón por encima.

Pues bien, el IE6 directamente muestra el menú como 4 palabras seguidas, una detrás de otra.... Una #! @##@ vamos....

Estas son las clases del menú:

[CODE]

/* navegación */
. Navigation { 
 background: #D9E1E5 url(img/nav. Jpg);
 border: 1px solid #ffffff;
 height: 41px;
}
. Navigation a {
 background: transparent url(img/nav. Jpg) left top repeat-x;
 border-right: 1px solid #D8EBD8;
 color: #1C455E;
 display: block;
 float: left;
 font: bold 1. 1em sans-serif;
 line-height: 41px;
 padding: 0 18px;
 text-decoration: none;
}
. Navigation a:hover {
background: transparent url(img/nav. Jpg) left bottom;
color: #1C455E;
}

[/CODE]

Lo mismo me hace en el Sidenav:

[CODE]

. Sidenav {
 float: right;
 width: 210px;
}
. Sidenav h2 {
 color: #1C455E;
 font-size: 1em;
 line-height: 30px;
 margin: 0;
 padding-left: 12px;
}
. Sidenav ul {
 padding: 0;
 border-top: 1px solid #D8EBD8;
}
. Sidenav li {border-bottom: 1px solid #D8EBD8;}
. Sidenav li a {
 font-size: 1. 1em;
 color: #1C455E;
 display: block;
 padding: 8px 0 8px 5%;
 text-decoration: none;
 width: 95%;
}
. Sidenav li a:hover {
 background-color: #EBF0F3;
 color: #2E7198; 
}

[/CODE]

Alguna ayuda para poder solucionar esto?

Es que ya tuve que cambiar el Doctype y prescindir de usar un OnMouseOver en la galería de imágenes por culpa del IE7, que me desencajaba toda la cabecera de la página... Aunque no entiendo que efecto le tiene ahí el DOCTIPE, pero con el XHTML 1. 0 no funciona el OnMouseOver ni en firefox ni en IE7, pero con el Doctype HMTL 4. 0 funciona en Firefox, pero IE7 me descuadra toda la cabecera.... No le encuentro sentindo pero es así.... XD

Bueno, espero que me podais ayudar con este problemón...

Gracias por la ayuda y un Saludo!