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

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

二、
  原因：
      这个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的值是三者之一即可


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