Ver Mensaje Individual
  #3 (permalink)  
Antiguo 11/06/2012, 09:09
PxuL
 
Fecha de Ingreso: mayo-2011
Mensajes: 20
Antigüedad: 13 años, 6 meses
Puntos: 1
Respuesta: Problemas con mi menu y SWF

gracias Ruben_JD pero el error aun me sigue apareciendo voy a subir una imagen con el error que tengo lo que pasa es que en firefox se ve normal pero en ie y google chrome los sub menus no se ven el swf se antepone y el submenu se manda atras.



Espero que me puedan ayudar y aqui esta el codigo css del menu.

Código CSS:
Ver original
  1. .sf-menu {margin:0; padding:0;  list-style: none; z-index:20; position:relative }
  2. .sf-menu li{ margin:0; display:inline; position:relative; float:left}
  3. .sf-menu li a{color:#006600; text-decoration:none; display:block; float:left; line-height:35px; font-size:10px; text-transform:uppercase; width:145px; text-align:center; background:#e7e7e7}
  4. .sf-menu li a:hover {color:#1a1a1a;  text-decoration:none; background:#ffffff }
  5. .sf-menu li a.current{ color:#fff; text-decoration:none; background:url(../imagenes/bg_menu.gif)}
  6.  
  7. .sf-menu ul { position:absolute; top:-999em; width:10em; line-height:1.0; }
  8. .sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:35px; z-index:99;}
  9.  
  10. .sf-menu ul {   width:145px; background:url(../imagenes/bg_menu.gif); padding:10px 0px 10px 0px }
  11. .sf-menu ul li {  text-align:left; line-height:25px; padding:0;  z-index:9; position:relative; float:left       }
  12. .sf-menu ul li a {text-transform:none; line-height:25px; text-align: center; width:145px; font-size:12px; text-transform:none;  color:#fff; text-transform:uppercase; z-index:9;background:url(../imagenes/bg_menu.gif) }
  13. .sf-menu ul li a:hover { color:#171717; background:#e7e7e7}
  14.  
  15. .sf-menu li:hover, .sf-menu li.sfHover,
  16. .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0;}
  17.                
  18. ul.sf-menu li:hover li ul,
  19. ul.sf-menu li.sfHover li ul { top:-999em;}
  20. ul.sf-menu li li:hover ul,
  21. ul.sf-menu li li.sfHover ul { left:200px; top:0; margin-left:1px;}
  22. ul.sf-menu li li:hover li ul,
  23. ul.sf-menu li li.sfHover li ul { top:-999em;}
  24. ul.sf-menu li li li:hover ul,
  25. ul.sf-menu li li li.sfHover ul { left:10em; top:0;}