Z-индекс: деления по-прежнему перекрываются в неправильном порядке (в браузере)

Question

Я не могу выбрать одну из этих dropdrown-ссылок, хотя div #header имеет более высокий z-индекс, чем остальные. Все соответствующие 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 работает только на позиционированный элементы (позиция: абсолютная, положение: относительное или положение: фиксированное).

Хотя из вашего изображения я не вижу причин использовать z-index, кроме, возможно, раскрывающейся навигации.

Answer 2

z-index применяется только к позиционированным (т. Е. position: /* not static */) элементам.

Изменить свойство позиционирования valud.