css - :第一个字母在Firefox中遇到困难

我有一个简单的样式为我的CSS中p标记的“dropcap”类型设计。

p.introduction:first-letter {
    float: left;
    font-family: 'Times New Roman' , Times, serif;
    font-size: 300%;
    line-height: 1em;
    margin-right: 0.08em;
    margin-bottom: -0.25em;
}

这在所有浏览器中似乎都运行良好，但是我在Firefox中得到了特殊的行为。这封信掉到下面的文字里。
通常，我会在Firebug中调试它，但这里有一个奇怪的部分-它不会出现在Firebug中！我真的不知道是什么引起的。我已经在下面的jsFiddle中复制了它。
http://jsfiddle.net/4zMex/
我的标准浏览器是Chrome。这也适用于Safari和IE9。只有火狐才表现出这种奇怪的行为。

最佳答案

去掉负边距底部可以解决问题。为什么需要这个？