IE7文本渲染方式太多空间？

Question

IE 7的渲染： Everything else的渲染： 这两个图像之间存在一些问题，但我关注的是线之间的间距太大。我将行间距设置为0px，然后顶部的“页面名称”看起来正确，但其他一切都搞砸了。将其他所有内容设置为1.2，一切看起来都不错......但是这会混淆其他所有浏览器。我该怎么办？是否还有我失踪的另一处房产，或者我是否需要办理解决方案？

代码：

顶部“div Name Here”附近的div

#TopBar {
    padding: 0px;
    height: 50px;
    max-height: 50px;
    overflow: hidden;
    z-index: 250;
}

“Page Name Here”的实际h1元素

.TitleText {
    font-size: 2em;
    color: white;
    text-align: center;
    line-height: 1.2;
}

一切：

* {
    padding: 0px;
    margin: auto;
    font-family: Tahoma;
    line-height: 1.2;
}

我尝试过搞乱这些值，但我只能在IE7或其他所有内容上看起来很好看

Answer 1

在发布我的代码时想出来......

在我的代码中：

* {
    padding: 0px;
    margin: auto;
    font-family: Tahoma;
    line-height: 1.2;
}

默认情况下，我将所有内容的边距设置为自动，使IE7呈现不同于0px的不同值。通过将margin-top属性设置为0px，它可以摆脱标题栏顶部的额外空间并修复切断问题。

Answer 2

使用这个IE7黑客：

#TopBar { *height: 40px; }