Hola, esta web que hice
www.riocristalzinc.com , en firefox se ve el menu de la izquierda normal si paso el cursor sale un menu flotante, pero en IE6 no se ve el menu flotante.
pueden ayudarme?
Código HTML:
#mainlevel{
margin:0;
padding:0;}
#active_menu{
margin:0;
padding:0;}
#left .module-leftmenu {
line-height:normal;
/*margin:0;*/
padding:0;
/*margin-bottom:8px;*/
}
#left .module-leftmenu ul {
margin:0pt;
padding:0pt;
}
#left .module-leftmenu li {
background:transparent none repeat scroll 0%;
cursor:pointer;
margin:0pt;
padding:0pt;
}
#left .module-leftmenu li ul {
width: 15.4em;
position: absolute; /* second-level lists */
z-index: 99;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
height: auto;
w\idth: 14.9em;
}
#left .module-leftmenu li ul {
margin: -1.6em 0 0 13em;
}
.wide #left .module-leftmenu li ul {
margin:-1.6em 0pt 0pt 15.5em;
}
#left .module-leftmenu li ul ul {
margin:-1.5em 0pt 0pt 12em;
}
.wide #left .module-leftmenu li ul ul {
margin:-1.5em 0pt 0pt 12em;
}
#left .module-leftmenu li li {
padding: 0 1em 0 0;
margin: 0;
width: 13.9em;
}
#left .module-leftmenu ul a {
width: 13.8em;
w\idth: 9.8em;
}
#left .module-leftmenu li:hover ul ul, #left .module-leftmenu li:hover ul ul ul, #left .module-leftmenu li.sfhover ul ul, #left .module-leftmenu li.sfhover ul ul ul {
left:-999em;
}
/* This "unhides" the sub-menus (left: -999em is what hides them) */
#left .module-leftmenu li:hover ul, #left .module-leftmenu li li:hover ul, #left .module-leftmenu li li li:hover ul, #left .module-leftmenu li.sfhover ul, #left .module-leftmenu li li.sfhover ul, #left .module-leftmenu li li li.sfhover ul {
left:auto;
}
/* STYLING THE MENU
-----------------------------------*/
#left .module-leftmenu li ul {
border: 1px solid #C0C0C0;
background: url(../images/child-bg.gif) top #F2F2F2;
}
#left .module-leftmenu li ul a {
font-size: 11px;
text-transform: none;
}
#left .module-leftmenu li ul a:hover {
background: none;
color: #3F89C3;
}
#left .module-leftmenu li a {
margin: 0;
width:90%;
padding: 0 0 0 10px;
background-image:url(../images/b-left.gif);
background-repeat:no-repeat;
text-decoration:none;
color:#516a80;
display: block;
height: 25px;
line-height: 25px;
/*text-transform:uppercase;texto en mayusculas*/
}
#left .module-leftmenu li a:hover {
width:90%;
color:#3981b8;
background-image:url(../images/b-left-hover.gif);
background-repeat:no-repeat;
padding: 0 0 0 10;
}
#left .module-leftmenu li a.active,
#left .module-leftmenu li a.active:hover,
#left .module-leftmenu li a.active:active {
background:#FFFFFF url(../images/bullet-menu.gif) no-repeat scroll left top;
color:#3F89C3;
font-weight:bold;
}
#left .module-leftmenu li li a.active,
#left .module-leftmenu li li a.active:hover,
#left .module-leftmenu li li a.active:active {
background:transparent none repeat scroll 0%;
color:#3F89C3;
font-weight:normal;
text-decoration:underline;
}
#left .module-leftmenu li.havechild {
}
#left .module-leftmenu li.havesubchild {
background:transparent url(../images/arrow-child.gif) no-repeat scroll right center;
}
#left .module-leftmenu li:hover,
#left .module-leftmenu li.sfhover {
background:#FFFFFF url(../images/bullet-menu.gif) no-repeat scroll left top;
color:#3F89C3;
}
#left .module-leftmenu ul li:hover,
#left .module-leftmenu ul ul li:hover,
#left .module-leftmenu ul li.sfhover,
#left .module-leftmenu ul ul li.sfhover {
background:transparent none repeat scroll 0%;
color:#3F89C3;
}
#left .module-leftmenu ul ul li a {
background:transparent none repeat scroll 0%;
font-weight:normal;
padding: 0 10px;
}