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:
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:#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; }