Solution to adaptive width failure after li floating in IE6

Current code

<Ul class = "clearfix">
<Li> <a href = "" title = "" target = ""> homepage </a> </li>
<Li class = "li_spe pngFix"> </li>
<Li> <a href = "" title = "" target = ""> About Us </a> </li>
<Li class = "li_spe pngFix"> </li>
<Li>
<A href = "" title = "" target = ""> News </a>
</Li>
<Li class = "li_spe"> </li>
<Li> <a href = "" title = "" target = ""> Case Study </a> </li>
</Ul>

Ul {}
Ul li {float: left ;}

In this way, IE6 is not normal.

 
Solution

Add a float to the element under li. In this example, add a float to.

Ul li a {float: left ;}