Problem mit z-index

[dft]

Hallo,

Ich habe 2 divs, einer beinhaltet das Menü, der andere den Content.
Beide sind absolut positioniert, jedoch überlagert das menü-div den anderen komplett, obwohl er kleiner ist als der content-div

<div id="menue">
hier ist das menue.....
</div>
<div id="content">
hier ist der Content....
</div>

css:

#menue{
position:absolute;
width:600px;height:20px;left:0px;top:0px;
padding:0px;
margin:0px;
background:none;
border:3px solid black;
}

#content{
 position:absolute;
 left: 100px;
 top:50px;
 margin-right:100px;
 z-index:-1;
}

Der z-index vom Content ist auf -1 da der menü-div drüberliegen soll. (ist nur 20 px hoch).
Ich sehe aber nur das Menü, und vom Content gar nichts
Was ist da falsch?

edit: der IE machts komischerweise so wie ichs mir vorstelle, der Firefox nicht

 

[dkdenz]

Meines Wissens gibt es nicht die Möglichkeit, dem z-index einen negativen Wert zuzuweisen.
Dann solltest Du dem content keinen geben und dem menue einen z-index von 1.
Aber Deine Positionierung verwirrt mich etwas.
Wenn Dein menue eine Breite von 600px hat,
wieso hat dann der content einen left-Wert von 100?

 

[dft]

ahh danke für den Tipp, es funktioniert

wegen Positionierung: Das Menü wird mit Javascript ein/ausblendbar.
Wenn das Menü ausgeblendet ist ist es noch 100px breit.

 

[dkdenz]

Alles klar...