Menu5
Fuente: 456 Berea Street
HTML
<ul id="nav">
<li><a href="http://menus.blogsome.com/">Inicio</a></li>
<li><a href="http://www.blogsome.com/">Blogsome</a></li>
<li><a href="http://juglar103.blogsome.com/">Juglar</a></li>
<li><a href="http://www.bloglines.com/blog/Juglar">Bloglines Blog</a></li>
<li><a href="mailto:juglar103@gmail.com">Contacto</a></li>
</ul>
CSS
#nav {
margin:0;
padding:0;
background:#808259;
float:left;
width:100%;
border:1px solid #42432d;
border-width:1px 0;
}
#nav ul {
margin:0;
padding:0;
list-style-type:none;
}
#nav li {
display:inline;
padding:0;
margin:0;
}
#nav li:first-child a {
border-left:1px solid #42432d;
}
#nav a:link,
#nav a:visited {
background:#B2B580;
border-right:1px solid #42432D;
padding:10px;
margin:0;
color:#000;
text-decoration:none;
display:block;
float:left;
width:auto;
font:bold 12px Arial, Helvetica, sans-serif;
}
#nav a:hover {
color:#fff;
background:#727454;
}
#nav a:active {
background:#e35a00;
color:#fff;
}