no me funciona mi submenu en IE6

[manolo572]

Hola buen dia quisiera que me pudiecen ayudar, mi problema esque estoy haciendo una aplicacion web para un cliente y el usa explorer 6 y no quiere actualizarlo, en si mi problema esque los submenus no aparecen en explorer 6 alguien me pudiese ayudar xfabor

este es mi menu en css

Código CSS:

.bg {background: url(../images/button4.gif);}
.menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(../images/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(../images/down.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#000; background: url(../images/button4.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(../images/button4.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(../images/button4a.gif) no-repeat right top;}
 
.menu li:hover > a.top_link {color:#000; background: url(../images/button4.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(../images/button4.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(../images/button4a.gif) no-repeat right top;}
 
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
 
.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}
 
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
 
.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#999999 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#999999 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 
 
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}
 

y este es mi menu:

Código HTML:

ul class="menu">
    <li class="top"><a href="#" class="top_link"><span>Registro Instalaci&oacuten
    </span></a>
    <ul class="sub">
            <li><a href="#">Base Instalada</a></li> 
            <li><a href="../Grid/gEInstalado.php?query=*&table=equipoI&column=c_equipoinstalado&where=" target="pp">Registro Individual</a></li>        
            <li><a href="../income/registro.php" target="pp"> Registro de Nueva Instalacion </a></li>
            
  </ul></li>
        <li class="top"><a href="#" class="top_link"><span>Embarcados</span></a><ul class="sub">
            <li><a href="../gridview/ex4.php?query=*&table=iembarcados&column=ordernumber&column2=invoce" target="pp">Instrumentos Embarcados</a></li>          
  </ul></li>
  <li class="top"><a href="#" class="top_link"><span>Mantenimientos</span></a>
        <ul class="sub">
            <li><a href="../gridview/ex4.php?query=*&table=mantenimiento&column=c_equipoinstalado&where=" target="pp">Mantenimiento Preventivo Pendiente</a></li>           
        </ul>
    </li>
    <li class="top"><a href="../gridview/ex4.php?query=cliente.d_cliente,equipomodelo.d_modelo,equipoinstalado.n_serie,servicetipo.d_tipo,equipomantenimiento.f_programacion,memo.d_memo&table=cliente,equipomodelo,equipoinstalado,servicetipo,equipomantenimiento,memo&where=equipoinstalado.c_cliente=cliente.c_cliente%20and%20equipomantenimiento.c_equipoinstalado=equipoinstalado.c_equipoinstalado" class="top_link" target="pp"><span>Inventario</span></a></li>
    <li class="top"><a href="../Reportes/CapacityAnalisys.html" class="top_link" target="pp"><span>Capacity</span></a></li>
    <li class="top"><a href="#" class="top_link" target="pp"><span> Entrenamientos</span></a>
    <ul class="sub">
            <li><a href="../Reportes/entrenamiento.html" target="pp">Calendario Entrenamientos</a></li>         
            <li><a href="../gridview/exx.php?query=*&table=cursos&column=c_curso" target="pp">Record Entrenamientos</a></li>
  </ul></li>
      <li class="top"><a href="#" class="top_link"><span>Reportes</span></a>
        <ul class="sub">
            <li><a href="../Reportes/lx20.html" target="pp">Minimum Service Stock</a></li>          
            <li><a href="../Reportes/minimumservice.html" target="pp">Scalations Status</a></li></ul></li>
</ul>
</div>
   
 
</div>
 

[kseso?]

Supongo que su menú no es creación 100% propia, sino que es algún ejemplo que ha adaptado a sus necesidades.
De no ser así, disculpas por mi presunción.

Debería verificar que no ha omitido nada, ni del html ni del css, del ejemplo. Porque los códigos que ha publicado no funcionarán nunca en ie6 debido entre otras cosas a que ese engendro no acepta la pseudoclase /:hover/ más que en los enlaces /a/ y en su html las listas /ul/ de segundo nivel quedan fuera (como debe ser) de los enlaces.

También deberá repasar los selectores css. En un vistazo rápido he visto que separa con un espacio en blanco el /:hover/ del enlace:

.menu :hover ul :hover {} /*<-- erróneo*/
.menu:hover ul:hover {}

[manolo572]

es verdad no es mi creacion de codigo solo lo adapte a mi pagina, tienez razon jejejejej pero necesito ayuda no encuentro algun ejemplo que funcione en IE6 ayuda!!

[kseso?]

en las faq´s de este foro hay recopilados unos cuantos menús. Ya tienen su tiempo, pero no tanto como el ie6.
Eso sí, la mayoría de ellos son anteriores a ie8 e ie9, por lo que debería verificar que son funcionales en ellos. No por carencias de los menús, no, sino por lo engendros de los que hablamos (ie´s).