css - IE7 文本被下推

Question

这是我的网站: http://smartpeopletalkfast.co.uk/ppp/welcome.html

在 Firefox 和 IE8 中没问题，但在 IE7 中，“CHISTOPOL”大标题右侧的向下箭头图像比它应该的更靠下。它看起来像是被向下推了一行，就好像“CHISTOPOL”文本占据了 100% 的宽度。

为什么会发生这种情况，我该如何阻止它？

Answer 1

不确定到底是什么问题，但它也发生在 IE6 中。

您可以应用以下 CSS

#welcome-title-bottom {
    position:relative;
}

然后将 style="position:absolute;right:5px;" 添加到“arrow” anchor 并删除修复问题的 class="right"对我来说在 IE6 中。

就个人而言，由于这些跨浏览器布局问题，我尽可能避免使用 CSS float 。