Uy no note eso que te dijo Rafael, es muy cierto.
Pero de paso te explico lo de la estructura, te recomiendo que hagas el menu de nuevo.
En el ejemplo que te di
#nav : es el contenedor del menu
ul.principal : se refiere a las caracteríticas de la lista en si
ul principal li : afecta solo a los items, uno por uno
ul principal li a : son los items que funcionan como links
ul principal li a:hover : como ya debes saber son los links en estado de hover.
El html te tendria que quedar algo asi:
Código:
<div id="nav">
<ul class="principal">
<li><a href="index.html">Home</a></li>
<li><a href="servicios.html">Servicios</a></li>
<li><a href="contacto.html">Contacto</a></li>
</ul>
</div>
Cuando yo decia que "no es necesario que respetes todo como esta aqui" es porque la apariencia seguro es distinta a lo que vos queres, vos tenes que darle las propiedades que te sean necesarias.
En mi pagina personal por ejemplo tengo 3 listas de menu, y son muy distintas, y es mas.... tengo una que tiene problemas de visualizacion en :hover con explorer jajaja, pero despues algun dia le voy a dedicar mas tiempo.
El tema es que explorer te rompe la cabeza pero bueh... hay que hacer las webs accesibles para todos.