ie67中li下的间隙问题

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


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

来自：[url]http://blog.sina.com.cn/s/blog_60b35e8301016125.html[/url]

二、
原因：
这个bug产生的充要条件是li的子元素浮动并且li设置了以下CSS属性之一：width、height、zoom、padding-top、padding-bottom、margin-top、margin-bottom

解决方法：
IE6/IE7的这个Bug可以通过给li中的div设置vertical-align:top|middle|bottom解决。只要加上vertical-align的值是三者之一即可


来自[url]http://it.chinawin.net/application/article-17546.html[/url]