IE6背景图像边距/填充/间距问题

Question

我目前正在设计一个页脚，页脚分为两个div。顶部div显示背景图像以将其与主页面分开，第二个div包含实际的页脚内容。

在所有浏览器中看起来如下：

...除了IE6，它看起来像：

我猜这是一个边距/填充问题，但我无法确定哪个div导致它（它在除IE6之外的所有浏览器中都有效。）。

如果有人能够确定额外空间的来源，那么正在进行中的网站可以here。

Answer 1

在IE6中，font-size对块元素有直接影响。因此，要解决此问题，请将font-size：0设置为#footerTop DIV。

Answer 2

首先，设计不错！

其次，您是否尝试在顶部div中将line-height设置为0？偶尔会为我解决这个问题。

Answer 3

尝试删除标记之间的任何空格。这在我之前在IE 6中发生过。所以不是：

<div id="footerTop"></div>

        <div id="footer">

做的：

<div id="footerTop"></div><div id="footer">