Firefox没有正确显示CSS :: before伪元素，为什么？

Question

在firefox和chrome中打开此链接以查看差异
http://jsfiddle.net/79cEb/8/
firefox中的:: before元素周围有一个小空格

我怎样才能使它适合父元素？喜欢它应该是...

这就是它在firefox中的样子：

这里来自chrome：

HTML代码

<button class="like" onclick="item_like()">500</button>

CSS代码

.like{
float: left; 
height: 30px; 
margin: 12.5px 0; 
background-color: #FAFAFA; 
border-radius: 4px; 
box-shadow: 0 0 1px rgba(0,0,0,0.5);
padding: 0 10px 0 0; 
margin: 12.5px 10px; 
background-color: #000; 
font: 16px/30px arial; 
color: #FFF; 
border:none;
}

.like::before{
float: left; 
width:30px; 
content: 'like'; 
margin: 0 10px 0 0; 
padding: 0 5px;
background-color: #FF7373; 
color: #FFF; 
border-right: 1px solid #CCC;}