абсолютное позиционирование элемента, если позиция вне его родительского элемента IE7

Question

Привет

Я пытаюсь расположить элемент так, чтобы он немного располагался вне родительского элемента.В IE8 это работает, но в IE7 позиционированный элемент обрезается.

Вот мой код HTML:

<div id="parent">
    <div id="child">text</div>
</div>

CSS

#parent {
height: 40px;
width: 400px;
position: relative;
}

#child {
position: absolute;
width: 100px;
height: 60px;
top: 0px;
left: 0px;
}

В IE7 вы увидите, чтопоследние 20 пикселей дочернего элемента обрезаются.Как я могу решить это?

THX

Answer 1

Это просто известная ошибка z-index для IE7
Проблема с IE7 состоит в том, что он применяет z-index = 0 для всех позиционированных элементов
элементы с положением! = static имеют z-index = 0.
Так что в конечном итоге это контекст стека , который вызывает проблему