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

我试图使用css3的：第一个字母来创建落差上限效果，但Firefox并没有像Chrome和IE10那样呈现它。这里是JSFIDLE，您可以看到在Firefox中，第二个“P”在顶部和底部被截断

这是Firefox中的一个bug吗？以下是我的css：

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

归档Firefox错误：我在这里也归档了一个错误：归档Firefox错误：我在这里也归档了一个错误：