CSS z-Index mag nicht

[Savaron]

Hi, folgendes Problem: Man kann die Dropdown-Links nicht auswählen, da sie im Hintergrund des Contents liegen. (Außerdem haben sie einen weißen Hintergrund, was den Content überdecken sollte).

Alle betreffenden DIV-Container sind in einer Ebene, also

                <div id="header">
                          <div id="navigation">
                          </div>
		</div>		
		<div id="sidebar"></div>
		<div id="content">
                           ...
		</div>

Und die CSS-Anweisungen lauten:

#header {
	width: 915px;
	height: 76px;
	z-index: 5;
}
#content {
	width: 677px;
	height: 412px;
	margin-left: 202px;
	z-index:1;
}

#sidebar { 
    float: left;
    width: 200px;
    height: 448px;
    z-index: 2;
}

#navigation {
    height: 28px;
    width: 915px;
    float: right;
}

 

[Crizzo]

z-index funktioniert nur auf positionierte Elemente.
http://fwpf-webdesign.de/css/positionierung/stapelreihenfolge

 

[Savaron]

So eine einfache Lösung, merci