Saludos,
Tengo un problema con el color de fondo de unos divs que no consigo solucionar por mucho que le doy vueltas
. Mi nivel no es muy avanzado por lo que es posible que tenga algun fallo y no me percate de ello.
Tengo la siguiente extructura con este estilo definido:
Código HTML:
<div id="header">
<div id="logo">
<a href="#"><img src="./logo.jpg" /></a>
</div>
<div id="menu">
<ul id="nav_list"><li><a href="#">Inicio</a></li>
<li><a href="#">Quiénes Somos</a></li>
<li><a href="#">Servicios</a></li>
<li><a href="#">Portafolio</a></li>
<li><a href="#">Publicidad</a></li>
<li><a href="#">Contacto</a></li></ul>
</div>
</div>
Código:
#header {
background-color: #383D44;
margin: 10px auto auto auto;
position: relative;
float: none;
left: auto;
width: 900px;
padding-top: 10px;
text-align: center;
}
#logo {
background-color: #383D44;
float: left;
padding-top: 5px;
padding-bottom: 10px;
text-align: left;
}
#menu {
background-color: #383D44;
float: right;
padding-top: 25px;
text-align: right;
color: #fff;
}
Pues bien, mi problema es que con FireFox no todo el fondo sale del color que yo quiero mientras que con IE se ve bien
. Aqui les dejo dos screenshots para que puedan comparar:
