hola :)
bueno toy construyendo una pagina y resulta que en firefox y opera me aparece el menu mas abajo cosa q en chrome IE y safari no, el codigo que utiliza es este para html
Código HTML:
<nav>
<ul>
<li><a href="#noticias">Noticias</a></li>
<li><a href="#portfolio">Biografia</a></li>
<li><a href="#services">Discografia</a></li>
<li><a href="#about">Galeria</a></li>
<li><a href="#presentaciones">Presentaciones</a></li>
<li><a href="#callaitosvan">calladitos band</a></li>
<li><a href="#contact">Contacto</a></li>
</ul>
</nav>
y el css
Código:
nav {
background: url(../images/nav_bg.png) no-repeat 50% 0;
margin: 0 auto 0 auto;
position: absolute;
z-index: 1000;
width: 100%;
height: 120px;
text-align: center;
}
nav ul {
/*margin-top: 48px;14px 48px*/
margin-top:48px;
}
nav ul li {
display:inline;
}
nav a {
font-family: 'Open Sans', sans-serif;
font-stretch:condensed;
font-size: 16px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
padding-left: 0px;
padding-right: 14px;
}
nav a:visited {
color: #fff;
}
nav a:hover {
color: #000;
}
el problema es en esa linea al parecer firefox tiene un margen .-- pero tengo otro css que hace el reset
espero que me puedan ayudar
saludos