z-индекс элементов у разных родителей в Chrome

Есть два контейнера. Один исправлен и покрывает 100% экрана. Второй относительный - содержит прокручиваемый контент. Проблема состоит в том, что четыре элемента должны быть расположены относительно друг друга следующим образом: 1-й в фиксированном контейнере, 2-й в абсолютном, 3-й фиксированный, 4-й в абсолютном.


    
    


    
    

Однако z-индекс одного из родителей всегда будет меньше другого, что не позволяет сделать заказ на 4 дочерних элемента.

Есть скрипкаhttp://jsfiddle.net/only_dimon/zkY4C/6/ Я хочу заказать: желтый, зеленый, белый, черный снизу. Но как видите - желтый, белый, зеленый, черный.

Результат, который я хочу:

Но элементы должны быть в разных контейнерах.

Заранее спасибо!

Это помогает мне: Для многих элементов помогает только html реконструкция. К счастью, я неДля фиксированных элементов необходимо использовать фиксированный контейнер, потому что фиксированный элементПоложение и размеры зависят от размера окна, даже если я положу их в относительный контейнер.

Ответы на вопрос(2)

Ваш ответ на вопрос