La taille de police par défaut sous IE6 est d'environ 12 à 14 pixels. Lorsque vous essayez de définir un div avec une hauteur inférieure à cette valeur par défaut, IE croira obstinément que la hauteur de ce calque ne doit pas être inférieure à la hauteur de ligne de la police. . Ainsi, même si vous utilisez height: 6px; pour définir la hauteur d'un div, ce qui est réellement affiché sous IE est toujours un calque d'une hauteur d'environ 12 px.
Pour résoudre ce problème, vous pouvez forcer la taille de police du div, ou définir l'attribut overflow pour limiter l'ajustement automatique de la hauteur du div. Par exemple, <div style="height: 6px; font: 0px Arial;"></div> ou <div style="height: 6px; overflow: Hidden;"></div> peut empêcher IE d'être intelligent.
Ce problème n'existe pas sous IE7/Firefox/Opera.
<div style="height: 6px; overflow: Hidden;">Il y a un problème lors de l'affichage dans Firefox, par exemple :
<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>Je veux poser une question</span>
<img src="templets/img/squid_decoration.jpg" width="56" />
</div>
</h4>
<p>Nous avons ouvert pour vous un système de soumission de problèmes en libre-service sur notre site officiel, et nos spécialistes du service client s'en chargeront pour vous dans les plus brefs délais ! </p>
</div>
</div>
-->
<div class="ans_ques_bottom"></div>
</div>
La classe ans_ques_top est l'image d'arrière-plan supérieure et la classe ans_ques_bottom est l'image d'arrière-plan inférieure. Le résultat de cette conception entraînera le déplacement de la classe ans_ques_top vers la droite.