CSS重叠帮助

Question

http://69.65.3.168/~doubleop/pro.sperity/

内容和页脚都在 div (#left) 中，侧边栏在 (#right) 中

#left{
width:685px;
float:left;
overflow:visible;
}

#right{
width:215px;
float:left;
margin-top:20px;
}

页脚为900px；宽，这就是为什么我将#left 设置为 overflow:visible，这样你就可以看到它。我这样做是因为当内容区域的内容很少时，我希望侧边栏与页脚重叠。显然，当内容区域扩大时，侧边栏会保留在原处，但页脚会被下推。这给了我一个很好的重叠效果。

但是，IE 6 不喜欢这样，它将边栏推到页脚下方。

如果我将#left 属性更改为 overflow:hidden，侧边栏会出现在正确的位置，但页脚会被截断。所以问题出在 overflow:hidden 部分。

有人知道我可以做些什么来解决这个问题吗？

Answer 1

只需将#footer 放在#right div 之后。

<div id="left">
</div>
<div id="right">
</div>
<div style="clear: both;"></div>
<div id="footer">