Funktionalität einer Seite bei "Hover" verändern - mit userContent.css möglich?

Hallo, eine Frage an die CSS-Spezialisten.

Auf der Seite Kachelmannwetter.com gibt es eine für mich echt schreckliche Funktionalität, die mich extrem stört.

Oben ist blau hinterlegt eine Menüzeile, die beim Überfahren mit der Maus sofort ein Submenü aufklappt.

Das verdeckt dann aber Steuerelemente auf Seiten wie Regenradar (die Buttons in der Grafik), man kommt da erst heran, wenn man durch Herumgeeier mit der Maus das Menü wieder schliesst und die Steuerelemente sichtbar werden. Ich habe bereits ein wenig herumexperimentiert und festgestellt, dass das Submenü mit display: block / display: none beim Hovern sichtbar / unsichtbar gemacht wird.

Aber das hier (ein Beispiel für das Menü "Messwerte", id w10) in der userContent.css funktioniert leider nicht, ...

@-moz-document
domain(kachelmannwetter.com){

.dropdown > #w10
{
display: block;
opacity: 0;
transition: all .5s;
transition-delay: 0s;
}

.dropdown:hover > #w10
{
display: block;
opacity: 1;
transition: all .5s;
transition-delay: 2s;
}

}

... weil das Submenü jetzt immer eingeblendet ist (auch mit opacity: 0 ist es im Vordergrund und verdeckt die Steuerelemente) und bei Hover nur sichtbar wird.

Ohne display: block gibt es keine Verzögerung, das Submenü wird wieder sofort angezeigt.

Im Grunde soll der Hovereffekt einfach "abgeschaltet" sein. Mir würde es reichen, zum Submenü auf einen Eintrag in der blauen Leiste zu klicken, wenn ich das benötigen sollte. Hatte das beim Spielen mit dem Inspektor schon hinbekommen, aber konnte das letztlich nicht mehr nachvollziehen. Ist es möglicherweise auch nicht, weil ich sehr viel da herumgeändert hatte...

Wer hat eine Idee? Danke!

Hallo 2002Andreas

Danke schon mal.

Zitat von 2002Andreas

Durch display: block hast du das selber so erstellt.

War mir klar, aber nur so ging der verzögerte Einblendeffekt, was meine erste Idee war.

Deine Lösung hatte ich mit einem etwas anderen Selektor auch schon.

Aber irgendetwas fehlt da noch, entweder den Selektor noch anpassen - oder aber noch eine Bedingung wie ":focus"?

Bei mir flackert das Submenü recht stark, ist nicht stabil sichtbar, wenn ich die Maus darüber bewege.