Hallo Jan,
Dabei tritt allerdings folgendes Problem auf: Sobald ich innerhalb der Navigation mit <div>-Elementen arbeite, wird damit das Hintergrundbild überblendet.
nicht ganz. Du hast ein positioniertes div-Element mit Hintergrund, das wieder von absolut positionierten divs gefüllt ist. Ich vermute, daß der absolute Inhalt das div nicht "aufspannt", also die Höhe nicht beeinflußt, deshalb wird das Hintergrundbild nur für den Bereich angezeigt, wo Text steht.
Wie kann ich diese Elemente ausrichten, ohne dass dabei das Hintergrundbild überschrieben wird?
Schmeiß mal den ganzen Positionierungskram raus, Du brauchst ihn nicht. Halte Elemente stattdessen mit margin und padding auf Abstand. Damit dürften sich einige Deiner Probleme erledigen.
Gruß aus Köln-Ehrenfeld,
Elya
