什么会导致火狐出现这种HTML/CSS呈现问题?

样式:

h2{
颜色:α71D0F;
字体大小:11px;
字体粗细:粗体;
利润率:0px 0px 5px 0px;
}
A盒{
颜色:ffffff!重要的;
光标:指针;
显示:块;
填充:10px;
文本对齐:两端对齐;
}
盒:悬停{
背景色:0c0c0c;
}
A.箱跨向下{
显示:块;
颜色:γD04242;
浮动:正确;
字体大小:11px;
左边距:5px;
}
A.BasSnop.Up {
显示:块;
颜色:71D013;
浮动:正确;
字体大小:11px;
}
Noop{
颜色:αFFA142;
}
Sp.Pro
颜色:αA142A1;
}
< /代码> 

HTML(这基本上是对每个链接重复的):。

<span class=“down”>-0</span>
<span class=“up”>+0</span>
<h2><span class=“noob”>noob</span>火焰</h2>
创建了0张地图,赢得了0场战斗,丢失了0张地图
& lt;/a & gt;
< /代码> 

我不明白的是为什么有时候在火狐中呈现的不同。有时它会像人们想象的那样出现,有时会像这里看到的那样以一种奇怪的形式出现:



我以前从来没有发生过这样的事,有人知道是什么引起的吗?它还为其他人做这个吗?就像我之前所说的,有时候它加载得很好(完全相同的HTML、CSS和所有东西),有时候不加载,看起来有点随机。它在IE中加载得很好,没有任何奇怪的问题。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>


我不明白的是为什么有时候在火狐中呈现的不同。有时它会像人们想象的那样出现,有时它会以这种奇怪的格式出现,如图所示:



我以前从来没有发生过这样的事,有人知道是什么引起的吗?它还为其他人做这个吗?就像我之前所说的,有时候它加载得很好(完全相同的HTML、CSS和所有东西),有时候不加载,看起来有点随机。它在IE中加载得很好,没有任何奇怪的问题。