IE7标题bug由3px导航出来

Question

我的网站标题在大多数浏览器中显示正常，但在IE7中进行测试时。

在IE7中，您可以看到深蓝色#nav div在应该与浅蓝色标题一致的情况下突出显示的行。有这个原因吗？

要在IE7中查看，请转到IE9＆gt; F12兼容模式

我的标题总体上是109px：

#header {
  height: 109px;
  width: 800px;
}

上面的徽标的66px高度图像开始，然后43px高度div #nav。为什么当43 + 66 = 109px时它会突然出现？

#nav {
  background-color: #0071A7;
  height: 43px;
  position: relative;
  width: 800px;
}

Answer 1

编辑：

您还可以将图像作为CSS背景图像放在#header中，而不是元素....

---

快速修复，将top：-3px添加到目标IE7。不是最佳实践。

#nav{
    position: relative;
    *top: -3px;
}