css абсолютная позиция внутри относительной позиции не перекрывается

Question

У меня возникли проблемы при попытке сделать мой веб-сайт перекрестным. В IE6 у меня есть контейнер с относительным позиционированием, а внутри есть абсолютный div, который имеет отрицательный верх и лево, но вместо того, чтобы идти сверхуотносительного div, выглядит так:

        ++++++++++++++++++++++
        +     container      +
        +++++++++++++er      +
        +llo        +er      +
        +rld        +er      +
        +++++++++++++er      +
        +     container      +
        +     container      +
        ++++++++++++++++++++++

insted of:

        ++++++++++++++++++++++
        +     container      +
  +++++++++++++++++++er      +
  +     hello       +er      +
  +     world       +er      +
  +++++++++++++++++++er      +
        +     container      +
        +     container      +
        ++++++++++++++++++++++

во всех других браузерах, используя только статическое позиционирование для контейнера и абсолютное положение для приветworld div, и работает просто отлично, но в ie6 абсолютное div было странным позиционированием, и независимо от того, насколько он верхний или левый, я его не сдвинул, поэтому я думал об этом для IE6, но у меня возникла проблема, описанная выше.1007 *

Answer 1

Комбинация положения относительно абсолютного положения:

#container
{
    width: 200px;
    margin: 0 auto;
    position: relative;
}
#content
{
    width: 200px;
    position: absolute;
    z-index: 999;
    left: -100px;
    top: 100px;
}

Демо здесь и скриншот ниже:

.

Кажется, работает в IE6 +, FF, Chrome.

Answer 2

Что не так с Z-Indexing ???

Если вы продолжите в том же духе, что этот парень сделал здесь;http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/

он должен работать нормально для вас.