IE6下a标签设置display:block后的BUG

<div class="nav">
 <ul>
        <li><a href="/">首页</a></li>        
        <li><a href='/service/'  rel='dropmenu2'>灵犀服务</a></li>        
        <li><a href='/webdesign/'  rel='dropmenu3'>网站建设</a></li>        
        <li><a href='/seo/' >青岛SEO</a></li>        
        <li><a href='/show/'  rel='dropmenu5'>案例展示</a></li>        
        <li><a href='/t/' >官方博客</a></li>        
        <li><a href='/contact/' >联系我们</a></li>        
    </ul>
</div><!--/nav-->

样式表中已经对ul设置了宽度，对li设置了float:left。

问题很奇怪，于是我试着将其中的a标签设置属性float:left。再次预览，发现竟然可以正常显示了。

总结：在IE6下的BUG可谓多如牛毛，导航中的这类样式的使用过程中，如果对a标签设置了display:block，虽然li标签已经float了，但是为了兼容IE6，我们还需要对a标签设置一个display:block。