El tamaño de fuente predeterminado en IE6 es aproximadamente entre 12 y 14 píxeles. Cuando intenta definir un div con una altura menor que este valor predeterminado, IE creerá obstinadamente que la altura de esta capa no debe ser menor que la altura de la línea de la fuente. . Entonces, incluso si usa height: 6px; para definir la altura de un div, lo que realmente se muestra en IE sigue siendo una capa con una altura de aproximadamente 12 px.
Para resolver este problema, puede forzar el tamaño de fuente del div o definir el atributo de desbordamiento para limitar el ajuste automático de la altura del div. Por ejemplo, <div style="height: 6px; font: 0px Arial;"></div> o <div style="height: 6px; overflow: hide;"></div> pueden evitar que IE sea inteligente.
Este problema no existe en IE7/Firefox/Opera.
<div style="height: 6px; overflow: hide;">Hay un problema cuando se muestra en Firefox, por ejemplo:
<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>Quiero hacer una pregunta</span>
<img src="templets/img/squid_decoration.jpg" ancho="56" />
</div>
</h4>
<p>Hemos abierto para usted un sistema de autoservicio de envío de problemas en nuestro sitio web oficial, ¡y nuestros especialistas de servicio al cliente lo manejarán lo antes posible! </p>
</div>
</div>
-->
<div class="ans_ques_bottom"></div>
</div>
La clase ans_ques_top es la imagen de fondo superior y la clase ans_ques_bottom es la imagen de fondo inferior. El resultado de este diseño hará que la clase ans_ques_top se desplace hacia la derecha.