El problema consiste cuando comienzo el codigo para implementar los estilos de la lista, se desaparece el fondo por completo. ¿por qué?. eñ baclgrpund de la cabezera es negro
Código HTML:
* {margin: 0; padding: 0; border:0;}
body {
font:14px Georgia, Arial, Helvetica, sans-serif;
}
#header {
background:#323232 url('../imagenes/background_header.jpg') center repeat-y;
height: 100%;
width: 100%;
}
#header_inside {
border-left:1px solid #bbb;
border-right:1px solid #bbb;
margin:0 auto;
width:800px;
}
#header_inside h1 {
color:#fff;
float:left;
margin:0 0 0 20px;
}
#header_inside ul {
float:right;
height:100px;
list-style:none;
width:600px;
width:350px;
}
#header_inside ul li {
border-right:1px solid #555;
float:right;
height:100px;
width: 90px;
list-style:none;
}
Código HTML:
<div id="header">
<div id="header_inside">
<h1><a href="index.html">Ferrer Lantigua Website</a></h1>
<ul>
<li><a href="#">Portada</a></li>
<li><a href="#">Grandes rutas</a></li>
<li><a href="#">Nuevas rutas</a></li>
<li><a href="#">Ciudades</a></li>
<li><a href="#">Pueblos</a></li>
</ul>
</div>
</div>