Borde a lista ul

[yz!]

Hola a todos.

Queiro poner un borde lateral a una lista (a toda la lista no a cada uno de los li de la misma), pero no hay manera.
Ahí va mi código:

Código:

<ul id="navegador">
    <li><a href="#">&Aacute;rea candidatos</a></li>
    <li><a href="#">&Aacute;rea empresas</a></li>
    <li><a href="#">Buscar ofertas</a></li>
    <li><a href="#">Ofertas por empresas</a></li>
    <li><a href="#">Contactar</a></li>
</ul>

#navegador {
    margin: 0em auto;
    list-style: none;
    /*border: dotted #005692 5px;*/
    border-left: 10px solid #005692;
    border-right: 10px solid #005692;
} 
#navegador li {
    margin: 5px;
    float: left;
}

Pero no me hace ni caso. ¿Saben como puedo solucionarlo?

Una vez más muchas gracias por su ayuda.