Hola a todos.
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;
}