ante nada muchas gracias por tu ayuda pzin pero creo me parece que no fui claro o me explique mal... lo que quiero lograr es que entre las 4 secciones li se ocupe el total del ancho de la pagina. como la imagen en la seccion [IMG]
![](http://img801.imageshack.us/img801/9008/ryc.gif)
Uploaded with
ImageShack.us[/IMG] como esta en la imagen en la parte donde dice "contacto" y estan las distintas figuras a los costados. eso seria el menu completo.
--------------------------------------------------------edito---------------------------------------------------------
creo que lo resolvi. y me explique bien anteriormente. lo que hice fue lo siguiente: segui la instruccion de pzin y luego para darte el tamaño grande que encesitaba añadi lo siguiente al codigo css (cualquier cosa corrijanme si algo esta mal)::.
Código:
nav{
display: table;
width:100%;
table-layout: fixed;
}
nav ul {
display: table-row;
}
nav li {
background-color: #006699;
display:table-cell;
}
nav li a {
display: block;
padding: 80px 50%; /*para hacer que se ocupe el total del ancho del nav*/
text-decoration: none;
}
nav li a:hover{
background: #0099ff;
display: block;
text-decoration: none;
}