Размер шрифта по умолчанию в IE6 составляет примерно 12–14 пикселей. Когда вы пытаетесь определить элемент div с высотой меньше этого значения по умолчанию, IE будет упорно полагать, что высота этого слоя не должна быть меньше высоты строки шрифта. . Таким образом, даже если вы используете height: 6px; для определения высоты элемента div, в IE фактически отображается слой высотой около 12 пикселей.
Чтобы решить эту проблему, вы можете принудительно изменить размер шрифта div или определить атрибут переполнения, чтобы ограничить автоматическую настройку высоты div. Например, <div style="height: 6px; font: 0px Arial;"></div> или <div style="height: 6px; overflow: Hidden;"></div> может помешать IE быть умным.
Эта проблема не существует в IE7/Firefox/Opera.
<div style="height: 6px; overflow: Hidden;">При отображении в Firefox возникла проблема, например:
<div id="idAnswer" class="ans_ques">
<div class="ans_ques_top"></div>
<div class="ans_ques_content">
<!--
<div class="ans_ques_bg_orange">
<h4>
<div class="ans_ques_h_bg">
<span>Я хочу задать вопрос</span>
<img src="templets/img/squid_decoration.jpg" width="56" />
</div>
</h4>
<p>На нашем официальном сайте мы открыли для вас систему самообслуживания, и наши специалисты по работе с клиентами решат ее за вас в кратчайшие сроки! </p>
</div>
</div>
-->
<div class="ans_ques_bottom"></div>
</div>
Класс ans_ques_top — это верхнее фоновое изображение, а класс ans_ques_bottom — нижнее фоновое изображение. В результате такого дизайна класс ans_ques_top сместится вправо.