IE6中li浮动后不能自适应宽度解决方法

现在的代码

<ul class="clearfix">
    <li><a href="" title="" target="">首页</a></li>
    <li class="li_spe pngFix"></li>
    <li><a href="" title="" target="">关于我们</a></li>
    <li class="li_spe pngFix"></li>
    <li>
    <a href="" title="" target="">新闻资讯</a>
    </li>
    <li class="li_spe"></li>
    <li><a href="" title="" target="">案例展示</a></li>
    </ul>

    ul{}
    ul li{float:left;}

这样在IE6下就不正常了

 
解决之道

给li下的元素添加浮动，本例则给a添加个浮动就好了

ul li a{ float: left; }