：首字母在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

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