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