当li的height和line-height设为不同值的时候IE7及其他浏览器差异的解释

Question

有朋友代码这样写的（下面是为了示例，简化代码）：

<style>
li{  height:35px; line-height:43px; overflow:hidden; font-size:14px; border:1px #0CC dashed;   }
</style>
<div class="d">
    <ul>
        <li>1234</li>
        <li>1234</li>
        <li>1234</li>
        <li>1234</li>
    </ul>
</div>

结果自然就是如图（第一个是IE7，第二个是Chrome）

结果在IE7下就出问题了，比如本意是35px的高，然后ul的高应该为n个li的这个高的和（在没有边距等情况下）。如果非常浅显地所谓修复这个问题很简单。但问题是需要怎么来解释当li的height和line-height设为不同值的时候IE7及其他浏览器差异。

line-height具备一些特性，但在IE7下与其他浏览器下还是有区别的。

请问大家这个应该怎么来解释，谢谢

Answer 1

看看是不是跟hasLayout有关