为什么Firefox在浮动时删除第一个字母上方和下方的空格：第一个字母？

Question

我正在尝试使用css3：首字母来创建首字下沉效果，但Firefox并不像Chrome和IE10那样呈现它。这里是jsfiddle，你可以在Firefox中看到第二个“P”在顶部和底部被切断。

http://jsfiddle.net/0256dxdb/18/

这是Firefox中的错误吗？以下是我的css：

p.test1 span,
p.test2:first-letter {
    float: left;
    font-family: arial, serif;  
    font-size: 70px;
    line-height: 70px;
    margin: 10px;
    background:red;   
}