Переполнение содержимого вне родительского div в ie6

Question

следующий код:

<div style="width: 50px; border: 1px solid green;">
    <div style="position: absolute;">
        whatever text you want
    </div>
</div>

Оказывает так:

в любом современном браузере (т.е. 7+, Chrome, Firefox), и вот так:

в IE6.

Я хотел бы, чтобы он отображался в IE6 так же, как в других браузерах. Есть идеи?

Answer 1

Почему бы вам просто не поместить текст вне div?

<div style="width: 50px; border: 1px solid green;">
</div>
whatever text you want

Или

<div style="width: 50px; border: 1px solid green;">
    <div style="position:absolute; width:XXpx">whatever text you want</div>
</div>

Будет ли это работать для вас?

Answer 2

Это известная проблема с IE6.(один из многих)

На этом сайте обсуждается проблема и способы ее решения: http://www.positioniseverything.net/explorer/expandingboxbug.html