Hola, Irulan.
Seguramente no te diste cuenta, pero para que ese menú funcione bien debes mantener esta sección tal cual (aunque puedes editar colores y tamaños, claro) en el header del archivo HTML (entre otras cosas):
Cita: <style type="text/css">
#menu ul li:focus ul, #menu ul li:active ul, #menu ul li a:active ul {display: block;
position: relative;width: 160px;border: solid 1px #fff;border-top: none;background-color: #6CC;}
#menu ul li:focus span, #menu ul li:active span, #menu ul li a:active {background-color: #6CC;border-bottom: solid 1px #6CC;color: #000;border-left: solid 8px #359BB8;border-right: solid 8px #359BB8;
}
</style>
Se debe a que para que un LI acepte el focus, primero hay que asignarle un tabindex, y luego el focus debe aparecer en el propio HTML, si intentas cargarlo en una CSS externa no funciona bien. No sé exactamente a qué se debe pero sí recuerdo que llegué a esa conclusión después de muchas pruebas.
Revisa el código original y mira a ver si realmente has respetado los tabindex y los estilos del header.