Z-index в IE6-7}

Проблема с z-index заключается в том, что элементы, находящиеся в блоках с позиционированием (relative, absolute) не воспринимают z-index.

Согласно спецификации CSS2.1 каждый позиционируемый блок имеет значение z-index (по умолчанию z-index: auto, что равняется значению z-index: 0). Чем больше значение z-index, тем выше элемент. При одинаковых значениях z-index, будет показан тот элемент, который по HTML коду ниже. Но IE6-7 это правило игнорируют:

• z-index элемента зависит от z-index родителя (и не может быть больше значения родителя в общем потоке)
• z-index с заданным числом может перекрываться z-index: auto.

Решением данной проблемы будет явно задать z-index родителю. При чем z-index родителя, в котором будет всплывающий элемент, должен быть больше, блока, который будет перекрываться: