Z-Index：Divs仍然以错误的顺序重叠（浏览器范围内）

Question

我无法选择其中一个下拉链接，尽管#header div的z-index高于其余部分。所有相关的div都处于同一级别，但没有正确对齐：

http://img32.imageshack.us/img32/4245/zindex.png

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


#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;
 }

Answer 1

相对于需要服从z-index的元素添加位置。来自w3schools.com

  

z-index仅适用于定位   元素（位置：绝对，   position：relative，或position：fixed）。

虽然从您的图像中我没有看到使用z-index的理由，而不是下拉导航。

Answer 2

z-index仅适用于定位（即position: /* not static */）元素。

更改定位属性valud。