Frohe Ostern euch allen!

Ich steck hier fest... Ich hab ein Menü aus drehenden Karten gebaut.So weit funktioniert auch alles, in Chrome, Safari,... - nur nicht im Firefox.

Einige Suche später erfuhr ich, dass meine Darstellungsprobleme im Firefox wohl mit der CSS-Eigenschaft "position:absolute" und einem Bug in Firefox zusammenhängen. (https://bugzilla.mozilla.org/show_bug.cgi?id=1282363)

Toll. Naja - das Problem ist, dass meine Zielgruppe auch den Firefox verwendet und mein Karten-Menü nicht bedienbar ist.

Die Frage ist nun: Wie kriege ich das Problem (zumindest für den Firefox) umgangen? Ich hab probiert, float:left und clear:left zu setzen, die Display-Eigenschaft zu ändern etc. Sobald ich die Position auf Relative statt Absolute setze, sieht es optisch richtig aus, bei Klick wird das Untermenü allerdings verschoben.

Hier ein JSFiddle davon:

https://jsfiddle.net/wrzcj43h/1/

Ich danke euch!

Edit: Zum Testen das Fiddle einfach mal in Chrome/Safari/Edge... aufmachen - dort läuft es einwandfrei - im Firefox sieht man dann den Fehler