我遇到了Firefox 5中页面上有几个元素的垂直定位问题。当我在一段文本上设置行高并给它一个相同的高度时，它不会垂直居中它的方式。相反，它坚持其行高的顶部。
相关网页位于：http://www.tyndale.ca/~missiodei/ 以下是两个问题元素及其CSS。在这两种情况下，文本都在FF5中向上推，但在Chrome / Chromium中正确显示（在其行高中垂直居中）。
横幅中的大标题链接（#blogtitle a）
position:relative;
display:block;
margin:0;
padding:0;
color:#fff;
text-decoration:none;
letter-spacing:.1em;
font-family:"Palatino Linotype", Palatino, serif;
font-weight:bold;
opacity:0.6;
height:120px;
line-height:120px;
在正文文本的新部分开头浮动的任何隐藏式字幕（p.openingPar：first-letter）
font-size:3em;
font-weight:bold;
position:relative;
float:left;
height:48px;
color:#ccc;
line-height:48px;
margin-right:4px;
除非您使用Chrome或Safari查看该页面，否则您可能看不到这些首字下沉，因为大部分内容都没有在FF中显示。 （我不确定为什么这些款式也不受尊重）。
最后，了解这是否是FF5独有的问题或者3.6和4.0是否存在同样的问题会很有帮助。我没有任何旧版本的FF可用于快速测试。
提前感谢您的帮助。我把我的键盘印在我的额头上，把头撞在这个上面！
答案 0 :(得分：1)
垂直居中似乎对我来说很好....
答案 1 :(得分：0)
尝试使用<span class"dropcaps">W</span>，而不是通过选择器:first-letter设置段落中的开头第一个字母。如果有效，请告诉我们。