圍繞標題的黑框在Firefox中無法正確顯示

Question

前一段時間，我問了一個question關於如何在雙線標題周圍填充黑框。

我工作得很好，除了舊的IE，但：在Firefox中，它有時看起來破爛不堪。有時，我的意思是，每隔兩個標題，或者如果你上下滾動。我不知道這是否是可見的每一個FF-用戶，只是看自己：

http://fabsblog.dev.ka-mediendesign.de/

我試圖重新創建爲小提琴，但因爲它依賴於上下文，我將不得不重新創建最的博客。這裏是CSS（有幾個瀏覽器黑客，因爲不是每個瀏覽器顯示它是相同的。）：

#page .headline-black { 
border:none; 
/* 2x "Padding" left */ 
border-left: 50px solid #000; 
} 

#page .headline-black h1 { 
display: inline; 
background-color: #000; 
padding: 8px 0 9px 0; 
padding: 8px 0 8px 0\9; 
font-size: 22px; 
line-height:44px; 
} 

@-moz-document url-prefix() { 
#page .headline-black h1 { 
    padding: 8px 0 7px 0; 
} 
} 

#page .headline-black h1 .indent { 
position: relative; 
/* "Padding" left */ 
left: -25px; 
} 

#page .headline-black h1 .heading, 
#page .headline-black h1 .heading a { 
color: #fff; 
background: #000; 
} 

Answer 1

我不知道爲什麼或者怎麼樣，但sollution是給一個半像素填充，那麼火狐可以按照想要的方式四捨五入。

@-moz-document url-prefix() { 
    #page .headline-black h1 { 
     padding: 7.5px 0 7.5px 0; 
    } 
} 

這非常哈克。我將來必須改變這一點。