Um niemanden der später evtl auf diesen Fehler trifft im Dunkeln zu halten schreibe ich hier noch die entgültige Lösung
ul.dropdown li:active > ul {
display: none;
}
Dann bleiben wir auch bei der Spezifität und es passiert das was ich brauche!!!
P.S. Das funktioniert nicht:
ul.dropdown li:active > ul {
visibility: hidden;
}
weil so im Moment wo man die Maustaste wieder losgelassen hat das :hover wieder greift und es nicht verschwindet (bzw. nur solange wie die Maustaste gedrückt ist)!
Danke nochmals für den Hinweis