Ajá, es que en este caso está en el html:
<style>
#menu ul li:focus ul, #menu ul li:active ul {display: block;
position: absolute;width: 816px;border: solid 1px #fff;border-top: none;background-color: #6CC;}
#menu ul li:focus span, #menu ul li:active span {background-color: #6CC;border-bottom: solid 1px #6CC;color: #000;}
</style>
Como expliqué en el post
#48 
era necesario ponerlo en el html para que funcionara bien.
La expicación es: un elemento "li" no acepta el foco porque sí, ya que no es un enlace ni nada, pero si se le pone un tabindex y se pone el selector css en el propio html se le hace funcionar correctamente. Me costó un poco encontrarlo, pero cayó.
Mikel.