Cita:
Iniciado por hades87 
me refiero a que tu das un id a cada li, con lo que un buen menú hecho con listas no es necesario definir lo 1 a 1, si pones una url de la página o el código te ayudaremos mejor.
mirate esto:
http://www.cristalab.com/tutoriales/...-usando-listas
PD: creo que sacamos el ejemplo del mismo lado xD, pues si quieres que algún botón sea diferente le das un id diferente.
Y para poner encima del menú crea un div no? o podrías hacer menús anidados.
Jejeje pues si, lo saqué de ahi.
Entonces me miraré este
Código HTML:
ul {
list-style:none;
margin:0;
padding:0;
}
ul li {
padding:0;
float:left;
ul li a {
display:block;
width:121px;
height:50px; //Quito el padding, pero le pongo altura.
text-decoration:none;
}
ul li a:hover {
background-position:bottom;
}
ul li a span {
display:none; //Oculto el texto.
}
#inicio {
background-image:url(images/inicio.png);
}
#acerca {
background-image:url(images/acerca.png);
}
#contacto {
background-image:url(images/contacto.png);
}
Pero ahora si que me has matado con eso de hacerlo con un menu anidado, no se como meterlo por ahi...
Voy a probar con un div y te cuento
