Gracias por contestar!!
el html de la lista es:
<div id="enlaces">
<ul>
<li><a href="bio.html" id="bio"><span> Bio </span> </a></li>
<li><a href="discos.html" id="discos"><span> Discos </span></a></li>
<li><a href="musica.html" id="musica"> <span>Música</span> </a></li>
<li><a href="textos.html" id="textos"> <span>Textos </span></a></li>
<li><a href="fotos.html" id="fotos"> <span>Fotos</span> </a></li>
<li><a href="bandas.html" id="bandas"><span>Bandas </span> </a></li>
<li><a href="blog.html" id="blog"><span> Blog </span> </a></li>
<li><a href="noticias.html" id="noticias"> <span>Noticias </span> </a></li>
<li><a href="contacto.html" id="contacto"> <span>Contacto </span> </a></li>
</ul>
</div>
Las css son:
#enlaces
{
padding:0px;
margin:0 0 25 0;
height:110px;
width:100%;
text-align:center;
}
#enlaces ul
{
list-style: none;
margin:10px;
padding:0px;
width:100%;
}
#enlaces ul li
{
display:inline;
padding:0 10 0 10;
list-style:none;
}
#enlaces ul li a
{
display:inline-block;
width:80px;
height:110px;
}
#enlaces ul li a span
{
display:none;
}
#bio {
background-image:url(imagenes/cartas/simulacion.jpg);
background-repeat: no-repeat;
}
El resto similar.... (sé que habría que optimizar las css, pero al final siempre me quedan re emparchadas)
Saludos y gracias
Karina