Les agradeceria una ayudita con este tema, tengo dos menú en la pagina uno horizontal que es el #navCircle y otro vertical y que esta a la izquierda de la pagina que es #menu-vertical, como verán en el código uno es copia del otro solo cambian los nombres y la única diferencia que tienen es que el que se ve horizontal tiene puesto display: inline; y el vertical no, en IE se ven bien los dos pero en Firefox el vertical también se ve horizontal o sea que tengo dos hermosos menú horizontales y no se que es lo que esta faltando para que el vertical se vea vertical también en Firefox, miro y miro pero no me doy cuenta
Gracias por su tiempo.
Código:
/* menu horizontal */ #navCircle { margin: 0; padding: 0 0 20px 10px; border-bottom: 1px solid #9FB1BC; } #navCircle li { margin: 0; padding: 0; display: inline; list-style-type: none; } #navCircle a:link, #navCircle a:visited { float: left; font-size: 11px; line-height: 10px; font-weight: bold; padding: 0 12px 6px 12px; text-decoration: none; color: #FF9900; font-family: Verdana, Arial, Helvetica, sans-serif; } #navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover { padding-bottom: 6px; color: #000; background: url(circle.gif) no-repeat bottom center; } ----------------------------------------------------- /* Menu Vertcal */ #menu-vertical { margin: 0; padding: 0 0 20px 10px; } #menu-vertical li { margin: 0; padding: 0; list-style-type: none; } #menu-vertical a:link, #menu-vertical a:visited { float: left; font-size: 11px; line-height: 10px; font-weight: bold; padding: 0 12px 6px 12px; text-decoration: none; color: #FF9900; font-family: Verdana, Arial, Helvetica, sans-serif; } #menu-vertical a:link.active, #menu-vertical a:visited.active, #menu-vertical a:hover { padding-bottom: 6px; color: #000; background: url(circle.gif) no-repeat bottom center; }