Fíjate si en tu hoja CSS nbo hay algún estilo que interfiera con el que quieres poner en esta lista desordenada (ul), también revisa tu página en firefox, pues no se ve muy bien que digamos el primer menu. Por lo demás aquí está el código que usé para lo que ncesitas y me cuadró perfectamente.
Código:
.submenu {
background-color: #3EB2D9;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;}
.submenu li {
display: inline;
line-height: 2em;
}
.submenu li a{
color: #FFFFFF;
font-weight: bold;
font-size: .95em;
padding: .45em 1em;
text-decoration: none;}
.submenu li a:hover {
background-color: #5694B1;
}
y el código html (por cierto, para que son los span?)
Código HTML:
<ul class="submenu">
<li><a href="http://produccion.ilce.edu.mx/enlace3/content/view/56/59/" title="Por Alumno">Por Alumno</a></li>
<li><a href="http://produccion.ilce.edu.mx/enlace3/content/view/57/60/" title="Por Escuela">Por Escuela</a></li>
<li><a href="http://produccion.ilce.edu.mx/enlace3/content/view/58/61/" title="Por Grupo escolar">Por Grupo escolar</a></li>
<li><a href="http://produccion.ilce.edu.mx/enlace3/content/view/59/69/" title="Por Entidad">Por Entidad</a></li>
</ul>
Saludos,