什么可能导致 Firefox 中出现此 HTML/CSS 渲染问题？

款式：

h2 {
    color: #71D0FF;
    font-size: 11px;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
}
a.box {
    color: #FFFFFF !important;
    cursor: pointer;
    display: block;
    padding: 10px;
    text-align: justify;
}
a.box:hover {
    background-color: #0C0C0C;
}
a.box span.down {
    display: block;
    color: #D04242;
    float: right;
    font-size: 11px;
    margin-left: 5px;
}
a.box span.up {
    display: block;
    color: #71D013;
    float: right;
    font-size: 11px;
}
span.noob {
    color: #FFA142;
}
span.pro {
    color: #A142A1;
}

HTML（基本上每个链接都会重复）：

<a href="/library/blaze" class="box">
<span class="down">-0</span>
<span class="up">+0</span>
<h2><span class="noob">NOOB</span> BLAZE</h2>
HAS CREATED 0 MAPS, WON 0 BATTLES, AND LOST 0 MAPS
</a>

我不明白的是为什么它在 Firefox 中的渲染有时会有所不同。有时它会像预期的那样显示，有时它会以这种奇怪的格式显示，如下所示：

我从来没有遇到过这样的事情，有谁知道是什么原因造成的吗？它甚至对其他人也这样做吗？正如我之前所说，有时它加载得很好（完全相同的 HTML、CSS 和所有内容），有时则不然。看起来有点随机。它在 IE 中加载得很好，没有任何奇怪的问题。

有趣的。我绝对可以在 FF3.6 上重现它，实际上我更经常收到损坏的版本。

我现在无法理解它，但是在 Firefox 中查看它，链接有问题。如果您在 Firebug 中打开“inspect element”，您会注意到渲染的 DOM 在完整视图和损坏视图之间肯定会发生变化。 Firebug 还将添加_moz-rs-heading到链接，这是有解释的here http://drupal.org/node/140241.

第一步绝对应该是并检查它是否仍然发生。