Tengo un problema con IE (como no...),
el caso es que me muestra el menu horizontal unos pixeles desplazados hacia la derecha:
BIEN en FIREFOX/Win, OPERA/Win, IE/Mac, SAFARI/Mac:
MAL en IE/Win (IE 6.02XX) :
y eso que utilizo un css condicional para IE, pero no se donde está el error
Si alguien pudiera echarle un vistazo.... la URI es:
http://faccion.es/webs/comex/
Aqui teneis el código de la sección "main-navigation" del CSS:
Código:
/* -------Main Navigation ---------- */
#main-nav {
height: 62px;
margin-left: 361px;
background: #317893 url(../images/fondo_menu.jpg);
padding-left: 0px;
}
#main-nav dl {
margin: 0;
padding: 0;
}
/* IE5 Mac Hack \*/
#main-nav { padding-left: 0px; }
/*/
#main-nav { padding-left: 0px; overflow: hidden; }
/* End Hack */
#main-nav dt { float: left; }
#main-nav dt a {
display: block;
height: 0px !important;
height /**/: 62px; /* IE 5/Win hack */
padding: 62px 0 0 0;
overflow: hidden;
background-repeat: no-repeat;
outline: none;
}
#main-nav dt a:hover {
background-position: 0 -62px;
outline: none;
}
body.empresa dt#empresa,
body.empresa dt#empresa a,
body.empresa dt#empresa a:hover,
body.delegaciones dt#delegaciones,
body.delegaciones dt#delegaciones a,
body.delegaciones dt#delegaciones a:hover,
body.productos dt#productos,
body.productos dt#productos a,
body.productos dt#productos a:hover,
body.contacto dt#contacto,
body.contacto dt#contacto a,
body.contacto dt#contacto a:hover {
background-position: 0 -124px;
}
#main-nav dt#empresa,
#main-nav dt#empresa a { width: 149px; background-image: url(../images/nav/empresa.gif); }
#main-nav dt#delegaciones,
#main-nav dt#delegaciones a { width: 148px; background-image: url(../images/nav/delegaciones.gif); }
#main-nav dt#productos,
#main-nav dt#productos a { width: 148px; background-image: url(../images/nav/productos.gif); }
#main-nav dt#contacto,
#main-nav dt#contacto a { width: 147px; background-image: url(../images/nav/contacto.gif); }
Gracias de antemano