ie6/ie7中li下方有间距

最近在学做导航条，鼠标放到应用上，正确显示为：

                                 

Chrome、Firefox、ie9、ie8里都显示正确，就360、搜狗，ie6中显示的li与下一个li直接有间距有间距，具体如下

                              

 

解决方案：

li设置float：left；（切身实践过的）

 

在网上查看到的一篇博客里，具体是这样说的，（大家可以尝试一下）：

以下是引发此BUG的条件：
必要条件：
li的子元素设置了浮动（例如：li中的a设置了左浮动）
充要条件：
(IE6/7)li设置了width、height、zoom 之一
(仅IE7)li设置了padding-top、padding-bottom、margin-top、margin-bottom 之一

解决方法：

方案一
#list li设置clear:left|both，这时#list li不能设置width、height、zoom。
方案二
.hotel_rank .rank_ul li设置float:left，这时.hotel_rank .rank_ul li可以设置width、height、zoom。
方案三
给li中的a设置vertical-align:top|middle|bottom
这个例子中。方案二和方案三都可以解决这个问题。