IE7在H3内部时sIFR出现问题

Question

我在IE7中查看某些页面时发现了一个问题。如果我有一个非常长的标题包裹到第二行，或者更糟的是，如果我在中间放置一个BR，则抛出间距。

要查看的一页：

broken example1

您会注意到页面顶部的边距会随着标题的呈现而偏移，从而导致所有内容失效。

我正在使用这样的代码：

<h3 style="margin:0"><a href="../books/msc1.html">Middle School Confidential™<br>
Book 1: Be Confident in Who You Are</a></h3>

但多次重复夸大问题。

我尝试了另一个测试，在那里我移除了BR并让线条自然地包裹。这是间距方面的改进，但它不能解决问题。 （相同的URL，但使其成为m1.html）

在第三个示例中，每个标题仅占用一行（m2.html）

一种选择是将标题分成两行，每行都有H标签。但由于这些是链接，所以看起来第一行可能会到达一个地方，而第二行可能会到达另一个地方，因为它们在翻转时不会同时改变颜色。

那么，对此有什么解决方案吗？

我相信我拥有当前版本的sIFR 3.我不想升级到IE8，直到我知道这已经解决了。

谢谢！

Answer 1

我猜这些问题来自IE7没有处理你的字体的相对大小。

尝试更改您的css：

.sIFR-active H3
{
    font-size: 140%;
}

并使用静态值覆盖相对font-size和line-height，例如：

.sIFR-active H3
{
    font-size: 18px;
    line-height:;
}

希望指出你正确的方向。