Me alegro de que lo hayas solucionado.
Te dejo el código que yo usé por si lo quieres examinar. Salvo que esté equivocado, creo que sólo añado los cambios que te indiqué.
Tal vez no hubieses incluido la etiqueta <!DOCTYPE>. No encuentro otra explicación a que no funcionase.
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ul {
list-style:none;margin: 0 auto;
width:500px;/* cambiado */
padding:0px;/* cambiado */
}
li a {
width:120px;
height:21px;
display:block;
background-color:#99CCFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
padding-top:5px;
margin-left:5px;
color:#000000;
text-decoration:none;
float:left
}
li a:hover {
background-color:#006699;
color:#FFFFFF;
font-weight:bold
}
<li><a href="#">Institucional
</a></li> <li><a href="#">Agenda
</a></li> <li><a href="#">Contacto
</a></li>