Отрицательный: перед z-индексом абсолютно позиционированного элемента, не работающего в IE8

Я искал эту проблему и знаю, что IE8 имеет причуды, отображающие элементы с псевдотегами, но не смог найти решение моей проблемы. Я пытаюсь абсолютно позиционировать элемент и добавить к нему псевдоэлемент :before, который должен быть под его родителем.

С использованием:

.container:before {
    z-index: -1;
}

проделайте трюк с Firefox и Chrome, но не с IE; Вот скрипт http://jsfiddle.net/WaTnn/

Как я могу расположить желтый элемент под красным в IE8 и при этом его родительский элемент будет абсолютно позиционирован?