[css] Div transparent ohne erkennbaren Grund

Hallo Leute,

ich stehe gerade vor einem Rätsel das ich nicht zu lösen vermag.
Ich habe ein Menü mit Submenü. Das Submenü klappt aber erst auf beim hovern über das Menü.

Aus einem mir nicht erklärbaren Grund ist nun aber das submenu halbtransparent.
Selbst mit opacity: 1; kriege ich die Transparenz nicht weg.

Zu sehen ist das ganze hier: http://www.stoffritter.de/blog.html

Wenn ihr über die Menüpunkte "Blog" oder "Shop" fahrt, ist das aufgeklappte Untermenü sichtbar - aber die Überschrift dahinter ebenfalls.

Irgend jemand eine Idee zu diesem mit nicht erklärbaren Problem?

Besten Dank und Grüße.

Das div ist nicht transparent sondern die Überschrift wird über dem div gerendert ;). Damit das nicht passiert, musst du dem Element selbst oder einem Eltern Element einen z-index geben, unter der Voraussetzung dass das Element, dem du den z-index gibst, etwas anderes als position:static; hat.

Oh man, ich habe alle Elemente abgesucht die direkt im Zusammenhang mit dem Submenü stehen - und nichts gefunden.
Auf die Idee zu kommen nach dem z-index zu schauen wäre ich nie gekommen!!! Vielen Dank für die schnelle und gute Antwort.

Habe das aufklappende Menü nun mit z-index versehen und siehe da ... es funktioniert. Danke dir!