Ответ 1
Эта проблема, похоже, связана с тем, как IE обрабатывает стек z-index. Где FF и Chrome обрабатывают элементы с индексом z-index по всему документу, в IE, как вы, вероятно, знаете, z-index сначала основан на родительском индексе z.
Я думаю, что: перед контентом эта проблема осложняется и, несмотря на то, что она имеет отрицательный индекс z, находится в родительском элементе. Элемент, по которому его индекс сравнивается, не является родительским div, как это было бы в FF или Chrome, но содержимое внутри элемента div, p
. Элемент p
не является блоком и также разделяет z-индекс родительского div, поэтому он не может быть ниже: перед контентом.
Решение состоит в том, чтобы сделать внутренний div или дать относительное позиционирование и стиль элемента p
.
Смотрите: http://jsfiddle.net/RRnm8/3/