IE6 невидимый текст в 7 строк HTML, есть ли исправление?

Question

У меня ушло навсегда, чтобы свести проблему к этому. Я не могу выразить количество разочарования, которое я испытываю, и если бы я это сделал, он не подойдет ни для одного веб-сайта. Когда-либо. Вот HTML-код, который причиняет мне эпическую боль:

<div style="padding: 5px; background: #EEE">
    This text is invisible. Remove either padding or background to see this.  
    <div>
        <div style="float: left;">left</div>
        <div style="clear: both;"></div>
    </div>
</div>

Текст невидим, если вы не выделите его или не перетащите окно поверх него, или что-то сумасшедшее в этом роде.

Эта проблема решается, если вы удалите отступы или удалите фон.

Как я могу это исправить?

Answer 1

Вас укусила Пика-бу .

По этой ссылке вы можете выбрать:

1. Следите за тем, чтобы очищающий div не касался поплавка, или не используйте фон для div # floatholder. Не совсем идеально.
2. Дайте div # floatholder и div # float 'position: относительный'. Обязательно полностью протестируйте этот метод.
3. Give div # floatholder hasLayout (теперь предпочтительный метод)

Answer 2

Похоже, классическая проблема hasLayout. Добавьте ширину к вашему внешнему div или попробуйте любой другой метод, описанный здесь .