ie7下li嵌套DIV出现底部间隔

只是单纯的LI嵌套DIV，IE7下会出现LI底部有间隔无法清除的BUG，哪怕设置LI和DIV的margin和padding为0也无法清除该间隔，IE7⁺不会出现该问题;

<ul>
      <li>
            <div></div>
      </li>
</ul>

Style

<style>
      * { margin: 0; padding: 0; }
      li{ height: 20px; overflow: hidden; background: green; }
      li div { float: left; } 
</style>

IE7下的解决方法：

在Li的style里加上vertical-align:bottom;即可消除该间隔！

IE6下仍有该问题，目前未找到可行的解决方案！

同类问题