css - :first-letter having difficulty in Firefox

Question

我在我的 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 中也有效。只有 Firefox 表现出奇怪的行为。

Answer 1

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