Oh si perdón, se hace asi:
Cita: <style type="text/css">
#navegador {
margin: 0em auto;
list-style: none;
width: 200px;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
}
#navegador li {
margin: 5px;
}
</style>
</HEAD>
<BODY>
<ul id="navegador">
<li><a href="#">Área candidatos</a></li>
<li><a href="#">Á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>
</BODY>
</HTML>
Respecto a lo semantico, creo que esta correctamente semantico ponerle un div, pero bueno, eso depende de puntos de vista, y de gustos personales..
espero haberte ayudado