如何让一个div与另外两个div重叠？

Question

我有一个网站的设计，我正在为一个簿记服务：

http://digitaldemo.net/vintage/home.html

整体的“外观”应该是一个办公桌吸墨纸。一切都在渲染正确，但我遇到了一个问题。

我试图让主要内容区域（“桌面记事簿”）重叠顶部和底部边界。

整体页面背景是无缝平铺图像（较浅的棕色/金色），然后顶部边框是一个DIV（＃部分 - 头部），其背景是半透明PNG和底部边框DIV（＃部分脚）也具有相同的半透明背景。

我的“办公桌记事簿”是使用下面的CSS重叠顶部边境#container的DIV中：

#container { clear:both ; 
width:1002px ; 
margin:auto ; 
background:url("images/paper-bg.jpg") ; 
min-height:600px ; 
position:relative ; 
top:-40px ; 
-webkit-box-shadow: #0e0300 0px 0px 14px; 
-moz-box-shadow: #0e0300 0px 0px 14px; 
box-shadow: #0e0300 0px 0px 14px; 
behavior: url("PIE.htc"); 
z-index:1000 ; 
} 

这工作都很好。问题在于它会在#container DIV的底部强制等于-40px顶部定位。

所以有两个问题：

a。我该如何摆脱这种差距; b。我如何让“桌面吸墨纸”重叠底部边框？

非常感谢！

Answer 1

我不知道如果我完全理解，但得到的吸墨纸重叠页脚您可以添加这个CSS：

#section-foot { 
    position: relative; 
    top: -80px; 
} 

从这里，你可能想一些填充添加到页脚如果顶部你有任何额外的内容。