Problema con css

[mbm150]

Hola a todos!

Estoy haciendo una web para aprender un poco y hasta ahora no había tenido problemas con el css pero esto no me funciona:

Código CSS:

#subMenu{
    margin:10px;
    padding:5px;
}
 
#subMenu ul{
    list-style-type:none;
    text-align:center;
}
 
#subMenu ul li{
    display:inline-block;
}
 
#subMenu ul li a{
    color:#000000;
    background-color:#F9C1B9;
    border-radius:5px;
    margin:0px 10px;
    padding:5px;
    text-decoration:none;
}
 
#subMenu ul li a:hover{
    text-decoration:underline;
}
 

El HTML es este:

Código HTML:

<nav id="subMenu">
        <ul>
        <li><a href=''>Últimos</a></li>
        <li><a href=''>Mejores</a></li>
    </ul>
</nav>
 

El caso es que no entiendo por que no funciona, se ve en una esquina como si no le hubiera hecho nada, igual es una tonteria. Cual es el fallo?


Gracias.