In IE6, the upper and lower li la s will flash. The nested div-the outer Div's inner Div sets the background color and the inner Div's background color is not displayed.

View code

1 <Div style = "margin-top:-93px" class = "CTN">
2 <Div class = "content">
3 </div>
4 </div>
5
6 Div. CTN {Background: # Eee; display: none; position: absolute; margin:-30px 0 0 177px; width: 570px; padding: 5px; Border: 1px # cc0000 solid; z-index: 100 ;}
7 Div. CTN Div. Content {Background: # fffafa; padding: 5px ;}

1. If no width is set for the inner Div, the background color of the inner div is not displayed. Only the width is set.

Set the width of the inner Div Style

Div. CTN Div. Content {Background: # fffafa; padding: 5px; width: 570px ;}

The background color of the inner div is displayed.

2. Several Li-level and up-and-down arrangements in IE6 will flash,

If the height is not set for Li, and Li contains diasplay: Block Element A, and the height of a is different from that of Li, move the cursor up and down in IE6, li jitters and affects user experience. The solution is

Add an hack for IE6, _ display: inline. If it is changed to an element in the row, it will not shake.