Navi verschwindet im Hintergrund

[piepser]

Hallo,
da bin ich auch schon wieder.
Ich habe in css 2 linke boxen erstellt, welche sich von oben nach unten über den bildschirm erstrecken.
Darüber möchte ich gerne meine Navigationsleiste legen. Diese verschwindet jedoch hinter diesen 2 Boxen. Wie kann ich die in den Vordergrund bekommen?
Bin für jede Hilfe dankbar.
Liebe Grüsse
Silke

Code von der navi:

#navi {
 position: fixed;
 padding: 0px;
 border: none;
 margin-top: 10px;
 margin-left: 1%;
 width: 146px;
 float: left;

}

.navi-listen {
 list-style:none;
 margin: 0px;
 padding: 0px;
}

#bilder_navi {
 color: #000000;
}

.navi-home {
 background-image: url(../gifs/navi_home1.gif);
 width:146px;
 height:50px;
 display:block;
}

.navi-home:hover, #navi-home:active, #navi-home:focus {
 background-image: url(../gifs/navi_home1_b.gif);
 width:146px;
 height:50px;
}


Code von den Boxen:
#links {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 110px;
  height: 100%;
  background-color: red;

}

#links1 {
  position: fixed;
  top: 0px;
  left: 110px;
  width: 40px;
  height: 100%;
  background-color: blue;
}

[Adromir]

versuch mal der Navi ein z-index: 999; zu geben.

[piepser]

Hallo,
super vielen Dank. Das hat funktioniert.
Leider kann ich meine Seite nur im Mozilla ansehen. Im IE sehe ich fast nix.
Kannst Du mir evtl. sagen warum?



Mein CSS Code:
body {
padding: 0px;
margin: 0px;
}

div#kopf {
position: absolute;
top: 0;
left: 0;
height: 80px;
width: 100%;
background-color: #000000;
}

#schriftzug {
padding-top: 3px;
padding-left: 25%;
border: none;
margin: 0;
}

div#fuss {
position: absolute;;
bottom: 0px;
left: 0;
height: 80px;
width: 100%;
background-color: #000000;
}




#navi {
position: fixed;
padding: 0px;
border: none;
margin-top: 10px;
margin-left: 1%;
width: 146px;
float: left;
z-index: 999;
}

.navi-listen {
list-style:none;
margin: 0px;
padding: 0px;
}

.navi-home {
background-image: url(../gifs/navi_home2.gif);
width:146px;
height:36px;
display:block;
}

.navi-home:hover, #navi-home:active, #navi-home:focus {
background-image: url(../gifs/navi_home2_b.gif);
width:146px;
height:36px;
}








@media screen{
body>div#kopf{
position:fixed;
}
body>div#fuss{
position:fixed;
}
}
* html body{
overflow:hidden;
}
* html div#content{
height:100%;
overflow:auto;
}


#content_container {
padding-bottom:3em;
}

#mitte {
position: relative;
width: 100%;
}

#inhalt {
margin: 80px 160px;
}








li {
margin: 0;
padding: 0;
}

li img {
display: inline;
vertical-align: bottom;
}

#links {
position: fixed;
top: 0px;
left: 0px;
width: 110px;
height: 100%;
background-color: red;

}

#links1 {
position: fixed;
top: 80px;
left: 110px;
width: 50px;
height: 100%;
background-color: blue;
}

#rechts {
position: fixed;
top: 0px;
right: 0px;
width: 80px;
height: 100%;
background-color: #fc0;
}

Liebe Grüsse
Silke

[Boris]

Der IE kennt kein position: fixed

[piepser]

Na super - und was kennt er anstelle?

[Boris]

http://artikel.fabrice-pascal.de/posfixedie6/ ...