过去几个小时，我一直在努力工作，搜索web和stackoverflow并没有太多的支持。如何使#gradient和#holes填充整个页面？
我在Safari中使用了Inspect Element功能，当我突出显示body元素时，它不会填满整个窗口。
alt text http://img534.imageshack.us/img534/9955/screenshot20100201at215.png
HTML：
<body>
<div id="gradient"></div>
<div id="holes"></div>
<div id="header">Header Text</div>
</body>
CSS：
html,body {
height:100%;
margin:0;
padding:0;
}
body {
background-image:url(../Images/Tile.png);
background-color:#7D7D7D;
background-repeat:repeat;
}
#gradient {
background-image:url(../Images/Background.png);
background-repeat:repeat-x;
position:absolute;
top:0px;
left:0px;
height:100%;
right:0px;
}
#holes {
background-image:url(../Images/Holes.png);
background-repeat:repeat;
position:absolute;
top:2px;
left:2px;
height:100%;
right:0px;
}
#header {
background-image:url(../Images/Header.png);
background-repeat:repeat-x;
position:absolute;
top:0px;
left:0px;
width:100%;
padding-top:24px;
height:49px; /* 73 - padding */
color:rgb(113,120,128);
font-family:Helvetica,Arial;
font-weight:bold;
font-size:24px;
text-align:center;
text-shadow:#FFF 0px 1px 0px;
}
解决方法
好吧，它看起来我的所有内容的元素浮动。如果那么它不会扩大身体，除非它被清除。
