jquery - 文本在 div 下方偏移

Question

这应该很容易修复——但这不是因为 IE7，或者至少是 IE8 兼容模式。

文本“IAN MARTIN”和“wedding photojournalism”应该整齐地塞进 div #lefty、#righty、#left 和#right 中。相反，它卡在那些 div 的下半部分。

通过将 h1 和 h2 的顶部位置设置为 -20px 左右可以很容易地解决这个问题，但是在 IE7 中——文本会从 div 的顶部弹出...

要做什么？这似乎不是 Cufon 的问题——我将其关闭以进行测试...

jquery 动画会不会把我搞得一团糟？同样，我不这么认为，但我不是专家...

这是我的页面:http://ianmartinphotography.com/test-site/index-cufon-02.html

h1 和 h2 的 CSS:

h1 {position: absolute; letter-spacing: 4px;  color: #79868e; font-family: helvetica;   font-size: 38px;}

h2 {position: absolute; letter-spacing: 4px;  color: #969696; font-family: helvetica; font-size: 38px;}

谢谢你的想法!

Answer 1

将以下 CSS 添加到 h1 和 h2:

margin:7px 0 0 0;

在这里效果很好。