尽管使用了背景图像和z-index,但是边栏重叠的标题

希望有人对此有个简单的答案。我有一个头部图像,只是一个75px的高梯度和一个褪色底部。我把它设置为我的标题上的背景图片,我想在我的页面上抛出一个左侧边栏。头部图像有一个透明度,当我有我的侧边栏,我不能让它坐在头部后面。你可以在这个截图中看到:

绿色边栏不会“坐”在标题后面。我把标题z-index设置为99,边栏设置为1。我试着反过来,以确保我没有混淆我的数字,但那不起作用。两者都是绝对定位的。我附上他们的css选择器,希望有人有一个简单的答案。我肯定我遗漏了一些基本的东西:

div.header {
 z-index: 99;
 background: transparent;
 background-image: url(images/header_bg.png);
 position: absolute;
 height: 85px;
 width: 100%;
 font-family: Helvetica, Verdana, Arial, sans-serif;
}

div#leftsidebar {
 height: 400px;
 border-right-style: dashed;
 border-right-width: 1px;
 z-index: -1;
 margin-top: 75px;
 width: 200px;
 position: absolute;
 background-color: #66ff66;
}

谢谢。