IE6 below div height display bug collection

IE6 The default font size is roughly between 12-14px, and when you try to define a div that is less than this default value, IE will stubbornly think that the height of this layer should not be less than the row height of the font. So even if you use height:6px; To define the height of a div, the actual display under IE is still a layer of PX left and right.

To resolve this problem, you can enforce the font size of the div, or define the overflow property to restrict the automatic adjustment of the div height. such as <div style= "HEIGHT:6PX; font:0px Arial; ></div> or <div style= "HEIGHT:6PX; Overflow:hidden; " ></div> can stop IE's smart-aleck.

The problem does not exist under Ie7/firefox/opera.

<div style= "HEIGHT:6PX; Overflow:hidden; " > There is a problem when displaying in Firefox, for example:

<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> I want to ask </span>
                     <img src= "templets/img/squid_decoration.jpg" width= "/>";
                 </div>
             </h4>
             <p> We open the website for your self-help problem submission system, our customer Service Commissioner will be the first time for you to deal with! </p>
        </DIV>
    </div>

-->

<div class= "Ans_ques_bottom" ></div>
</div>

Class Ans_ques_top is the upper background graph, class Ans_ques_bottom is the background image, so the result of the design will cause the class ans_ques_top to shift to the right.