"Dropdown-Navigation" wird von divs verdeckt

Hallo,

Ich habe mittels CSS ein horizontales Dropdownmenü erstellt. Der Background des Dropdowns wird jedoch konsequent von einer h2 Überschrift und dem Text-Paragraphen überschrieben. Ich habe schon mit opacity, dem z-index, important und so ziemlich allem, was mir einfällt rumprobiert. Wirklich nichts hilft bei dieser Überschreibung.

Ich komme wirklich nicht mehr weiter. Hat einer von euch eine Idee wie ich dieser Überlappung entgegenwirken kann?

Hier der Link zu der Seite:
[URL=‚http://www.praxisintuitiv.de/neu/blog.html‘]http://www.praxisintuitiv.de/neu/blog.html

http://www11.pic-upload.de/thumb/09.07.15/nv43jvuhqfk.png
[/URL]

Die betroffene Navi befindet sich zurzeit nur auf dieser Unterseite.
Danke

Ich konnte das Problem selber lösen.

Für alle die ein Ähnliches Problem haben…

Ich habe um das HTML-Menü ein neuen div erstell, der wie folgt aussieht:

Richtiger wär position:absolute zu entfernen.

ul#navigation, #navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 32px;
position:absolute;
background:#aaa;
}