O tamanho da fonte padrão no IE6 é aproximadamente entre 12-14px. Quando você tenta definir uma div com uma altura menor que esse valor padrão, o IE acreditará teimosamente que a altura desta camada não deve ser menor que a altura da linha da fonte. . Portanto, mesmo se você usar height: 6px; para definir a altura de um div, o que realmente é exibido no IE ainda é uma camada com altura de cerca de 12 px.
Para resolver este problema, você pode forçar o tamanho da fonte da div ou definir o atributo overflow para limitar o ajuste automático da altura da div. Por exemplo, <div style="height: 6px; font: 0px Arial;"></div> ou <div style="height: 6px; overflow: hidden;"></div> pode impedir que o IE seja inteligente.
Este problema não existe no IE7/Firefox/Opera.
<div style="height: 6px; overflow: hidden;">Há um problema quando exibido no Firefox, por exemplo:
<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>Quero fazer uma pergunta</span>
<img src="templets/img/squid_decoration.jpg" width="56" />
</div>
</h4>
<p>Abrimos um sistema de envio de problemas de autoatendimento em nosso site oficial para você, e nossos especialistas de atendimento ao cliente cuidarão disso para você o mais rápido possível! </p>
</div>
</div>
-->
<div class="ans_ques_bottom"></div>
</div>
A classe ans_ques_top é a imagem de fundo superior e a classe ans_ques_bottom é a imagem de fundo inferior. O resultado deste design fará com que a classe ans_ques_top se desloque para a direita.