يتراوح حجم الخط الافتراضي ضمن 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">
<ح4>
<div class="ans_ques_h_bg">
<span>أريد أن أطرح سؤالاً</span>
<img src="templets/img/squid_decoration.jpg" width="56" />
</div>
</h4>
<p>لقد فتحنا لك نظام تقديم مشكلات الخدمة الذاتية على موقعنا الرسمي، وسيتولى متخصصو خدمة العملاء لدينا التعامل معه في أقرب وقت ممكن! </ص>
</div>
</div>
-->
<div class="ans_ques_bottom"></div>
</div>
الفئة ans_ques_top هي صورة الخلفية العلوية، والفئة ans_ques_bottom هي صورة الخلفية السفلية. وستؤدي نتيجة هذا التصميم إلى تحول الفئة ans_ques_top إلى اليمين.