Problema Menu <ul><li>

[albertcito]

tengo el siguiente código:

#menu{
padding:0;
margin:0;
margin-left:150px;
height:61px;
}
#menu li{
display:inline;
}
#menu a{
font-size:14px;
text-decoration:none;
color:#fff;
outline-style:none;
background:url(imagenes/fondo-menu.png) no-repeat center top;
height:61px;
}
#menu a.magister{
width: 73px;
}

Código HTML:

<ul id="menu">
	<li><a href="#" class="magister">Magister</a></li>
	<li><a href="#" class="postulacion">Postulación</a></li>
	<li><a href="#" class="financiacion">Financiación</a></li>
	<li><a href="#" class="academicos">Academicos</a></li>
	<li><a href="#" class="alumnos">Alumnos</a></li>
	<li><a href="#" class="publicaciones">Publicaciones</a></li>
	<li><a href="#" class="contacto">Contacto</a></li>
</ul> 

Pero los "width" y "height" de los "a" no funcionan, funcionan todos los otros atributos la etiqueta "a" excepto esos.

¿Alguien sabe como? :S, por favor

[albertcito]

#menu li{
float:left;
}
#menu a{
display:block;
font-size:14px;
text-decoration:none;
color:#fff;
outline-style:none;
background:url(imagenes/fondo-menu.png) no-repeat center top;
height:61px;
text-align:center;
}

[Calizman]

PREGUNTO: Esto solucionó el problema?

[TylinTylyn]

te falto el

list-style:none;