barra de navegacion elegante

[babri]

Código HTML:

<div class="nav">
<!-- Listado de Navegación -->
        <ul class="menu">  
            <li><a href="#">Home</a></li>  
            <li><a href="#">Quienes Somos</a></li>  
            <li><a href="#">Que Hacemos</a></li>
            <li><a href="#">Clientes</a></li>
            <li><a href="#">Club Coolaboro</a></li> 
        </ul></div>
 

Código CSS:

body .nav {
position : absolute;
left : 0;
width : 100%;
background : url(../imagenes/nav_background.png);
}
body .nav ul {
margin : 0 auto;
width : 940px;
list-style : none;
}
body .nav ul li {
float : left;
}
body .nav ul li a {
display : block;
margin-right : 20px;
width : 140px;
font-size : 14px;
line-height : 44px;
text-align : center;
text-decoration : none;
color : #ccc;
}
body .nav ul li a:hover {
color : #fff;
}
body .nav ul li.selected a {
color : #fff;
}