ey si pongo display block no se me pone el menu alineado horizontalmente. y sobre el uso de los span a un amigo mio que hizo un menu casi igual que el mio le funciono sin poner nada en los span. pero yo he puesto asi el codigo y se me ven las imagenes en pequeño debajo del texto que meto en html asi.
Código HTML:
<div id="menu">
<ul>
<li><a class="quienesmenu" href="index.php"><span>Quiénes somos</span></a></li>
<li><a class="serviciosmenu" href="servicios.php"><span>Servicios</span></a></li>
<li><a class="contactomenu" href="contacto.php"><span>Contacto</span></a></li>
</ul>
</div>
Código:
#menu{width:940px; height:65px; float:left; background-color:#026CB6;}
/*css de imagenes del menu*/
#menu ul li { display:inline; padding-left:35px;}
.quienesmenu {top:-6px; left:35px;}
.serviciosmenu {top:-6px; left:90px;}
.contactomenu {top:-6px; left:150px;}
.quienesmenu a { background-image:url(../images/boton_oscuroquienessomos.png); width:90px; height:35px; padding-top:-10px;}
.serviciosmenu a { background-image:url(../images/boton_oscuro_servicios.png); width:90px; height:35px;}
.contactomenu a { background-image:url(../images/boton_oscuro_contacto.png); width:90px; height:35px;}