Estoy haciendo un menu horizontal y de momento tengo lo siguiente
<div id="header">
<ul class="nav">
<li><a href="">Inicio</a></li>
<li><a href="">Contacto</a></li>
<li><a href="">Libro de visitas</a></li>
</ul>
</div>
El codigo css es el siguiente
#content{
width: 226px
height:302px;
clear:both;
margin:0 auto 0 auto; width:452px;
overflow: hidden;
}
#image{
float:left;
background-image:url(../images/001.png);
width:226px;
height:302px;
}
#facebook {
width:32px;
height:32px;
}
#datos{
width:226px;
height:302px;
margin-left:226px;
}
#twitter {
width:32px;
height:32px;
}
#youtube{
width:32px;
height:32px;
}
#linkediin {
float:left;
width:32px;
height:32px;
background-image:url(../images/iconos/.png);
}
#header {
width:452px;
margin:0 auto 0 auto; width:452px;
}
.nav li a {
text-decoration:none;
display:block;
background-color:#000;
color:#fff;
padding:10px 15px;
display:block;
}
.nav li a:hover {
background-color:#69F;
}
ul,ol{
list-style:none;
}
.nav li:hover > ul {
display:block;
}
.nav > li {
float: left;
overflow: hidden;}
Lo que quiero es ensanchar el menu , pero no puedo , el menu esta en la pagina principal.
