Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/10/2009, 15:20
vanilore
 
Fecha de Ingreso: octubre-2009
Mensajes: 4
Antigüedad: 14 años, 5 meses
Puntos: 0
Menu horizontal en Firefox

Hola:
Tengo un menu horinzontal con un submenu desplegable, que funciona bien en IE, pero en Firefox no. En Firefox cuando uno pasa el mouse sobre los diferentes botones, el submenu queda como colgado y no va cambiando en los diferentes submenus, cosa que si realiza el IE. Espero se entienda mi inquietud. Les dejo el CSS. Gracias. Vanina


Codigo:
<div id="menu"><span class="menu">
<ul>
<li><a href="index.php">| Qui&eacute;nes somos? |</a></li>
<li><a href="#.php">Servicios |</a>
<ul>
<li><a href="prevencion.php">Prevenci&oacute;n &middot;</a></li>
<li><a href="asistencia.php">Asistencia &middot;</a></li>
<li><a href="docencia.php">Docencia</a></li>
</ul>
</li>
<li><a href="#">Modalidades de Tratamiento |</a>
<ul>
<li><a href="tratamiento.php">Tratamiento Ambulatorio &middot;</a></li>
<li><a href="tratamiento.php#1">Hospital de D&iacute;a &middot;</a></li>
<li><a href="tratamiento.php#2">Centro de Noche &middot;</a></li>
<li><a href="tratamiento.php#3">Programa Residencial &middot;</a></li>
<li><a href="tratamiento.php#4">Tratamiento Familiar</a></li>
</ul>
</li>
<li><a href="staff.php">Staff |</a></li>
<li><a href="#">Galer&iacute;a de Im&aacute;genes |</a>
<ul>
<li><a href="galeria_alh2.php"><span class="menu">. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . </span>La Alhambrita Quilmes &middot;</a></li>
<li><a href="galeria_alh1.php">&middot; La Alhambrita Berazategui</a></li>
</ul>
</li>
<li><a href="#">C&oacute;mo llegar? |</a>
<ul>
<li><a href="mapa_alh2.php"><span class="menu">. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . </span>La Alhambrita Quilmes &middot;</a></li>
<li><a href="mapa_alh1.php">&middot; La Alhambrita Berazategui</a></li>
</ul>
</li>
<li><a href="contacto.php">Contacto |</a></li>
</ul>
</span>
</div>


/* Css Menu */
#menu { font-family:Verdana, sans-serif; clear:both; width: 899px; height:55px; background:url(../imagenes/fondo_menu2.jpg) no-repeat; padding-left: 40px; padding-top: 5px}

#menu ul {clear:both; height:20px; margin: 0; padding: 0; list-style: none; line-height:normal; font-weight: bold}

#menu li {display: inline; list-style: none; float: left; width: auto;}

#menu a { display: inline; float: left; margin: 0; padding: 10px 5px; font-size: 12px; font-weight: 100; color:#009900; font-weight: bold; text-decoration: none; width: auto; }

#menu li a { display: inline; text-decoration: none; }

#menu li li a { font-size:11px; letter-spacing:0px; }

#menu a:hover { color: #000000; font-weight:bold; }

#menu li ul { display: none; }

#menu li:hover ul, #menu li.hover ul {
position: absolute;
display: inline;
left: 0;
width: 75%; margin-left:110px;
padding: 35px; }

#menu li:hover li, #menu li.hover li {
float: left; width:auto }

#menu li:hover li a, #menu li.hover li a {
color: #000 }

#menu li li a:hover {
color: #009900; }

.menu { width:auto; color:#CCCCCC}