subí el css completo y el html, porque hay que verlo funcionando todo completo, a mi me ha pasado que algunas propiedades de algunos objetos influyen a otros.
De todas formas creo que no esta bien estructurado, (SI ME EQUIVOCO POR ESTO QUE DIJE QUE ALGUIEN ME CORRIJA).
Yo suelo especificar un elemento ID para contener la lista. Por ejemplo #nav
Después creo una clase para esa lista en este caso podemos llamarlo ul.principal.
Aca te paso un menu que tengo hecho en una página, es muy simple, y quizas no te sirva para aplicarlo, pero fijate como esta estructurado.
Código:
#nav {
padding-top:12px;
}
ul.principal {
list-style-type: none;
margin-top:20px;
}
ul.principal li {
height: 25px;
width: 176px;
display: block;
text-align: right;
}
ul.principal li a {
font-size: 1em;
color:#666666;
text-decoration: none;
background-color: inherit;
}
ul.principal li a:hover {
text-decoration: underline;
}
Igual no es necesario que respetes todo como esta aqui, todo depende de lo que quieras