z-index problem

Jeg har følgende kode:

#headerBar {
background-color:#DDD6B9;
text-align:center;
position:absolute;
width:100%;
height:60px;
left:0px;
top:0px;
z-index:-1;
}
#contentBox {
margin-left:auto;
margin-right:auto;
width:700px;
text-align:left;
}

I IE virker det efter hensigten men da z-index er sat til -1 forsvinder headerBar helt væk, og hvis jeg ikke bruger z-index:-1 dækker den over contentBox selvom jeg sætter z-index til at være større.
Hvordan kan jeg lave det så det virker ens i både IE og mozilla?