el código como lo coloque afecta solo al <li><a> sobre el que te ubiques... no comprendo del todo tu pregunta, igual si lo que necesitas es que se ilumine el <li> sin tener un enlace deberás aplicar
Código CSS:
Ver originalli:hover{}/*para todos los <li> */
li.menu:hover{}/*para todos los <li> con la clase menú*/
#menu li:hover{}/*para todos los li que estén dentro del ID menú*/
que por cierto ahora que vuelvo a ver tu código bastaría con colocar
Código HTML:
Ver original <li><a href="home.html">Inicio
</a></li> <li><a href="#">¿Qui
énes Somos?
</a></li> <li><a href="#">¿C
ómo llegar?
</a></li> <li><a href="#">Contacto
</p></a></li>
Código CSS:
Ver original#menu li a{display:block;padding:3px 8px;font-size:12px;color:#fff;text-decoration:none;}
#menu li a:hover{color:#003;}
:) con eso ahorrarías algo de código jeje