CSS: позиционирование абсолютных элементов в относительном контейнере элементов (ошибка IE)

Question

У меня есть следующая разметка (я, кстати, вычеркнул содержимое)

<div id="playArea" style="position: relative">
    <div class="widget" id="widget2" style="position: absolute;width:153px;top:282px;left:243px;" ></div>           
    <div class="widget" id="widget8" style="position: absolute;width:278px;top:-2px;left:446px;" ></div>            
    <div class="widget" id="widget24" style="position: absolute;width:363px;top:-1px;left:16px;" ></div>
    <div class="widget" id="widget30" style="position: absolute;width:200px;top:-1px;left:233px;" ></div>
    <div class="clear">&nbsp;</div>
</div>

Эта разметка находится примерно на полпути вниз по моей странице в Firefox 3, показывая, как я хочу, но в IE 6 и 7 все в порядке, кроме последнего div (widget30), который отображается в верхней части контейнера playArea , Любые идеи о том, как я могу это исправить в IE?

Спасибо

Answer 1

У вас есть "top: -1px"

Это означает, что он будет позиционироваться на 1 пиксель НАД ВЕРХОМ позиционированного родителя, который является вашим divA playArea.

Итак, похоже, что он делает то, что должен делать.

Answer 2

Это работает для меня одинаково в IE 6 и 8 и Firefox. Уверены, что вы ничего не упускаете?