围绕标题的黑框在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; 
    } 
} 

这非常哈克。我将来必须改变这一点。