Я не могу выбрать одну из тех dropdrown-ссылок, хотя у #header отделения есть более высокий z-индекс, чем остальные. Все соответствующие отделения находятся на том же уровне, но не выравниваются правильно:
http://img32.imageshack.us/img32/4245/zindex.png
...
#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;
}
Добавьте позицию относительно элементов, которые должны подчиняться z-index. От w3schools.com
z-index работает только на позиционированных элементах (position:absolute, position:relative, или position:fixed).
Хотя, судя по вашему изображению, я не вижу причин для использования z-index, кроме, возможно, выпадающей навигации.
z-index
применяется только к позиционированным (т.е. position: / * not static * /
) элементам.
Измените значение свойства позиционирования.