如何用CSS把层固定在整个网页的最底部?

<script language="javascript">
function diff(x){
ie4=(documentall)true:false
if (ie4){
block=xstyle;
}
var a=screenwidth
switch (a){
case 1024:
blockleft=""+(parseInt(blockleft)+112);
break;
case 1152:
blockleft=""+(parseInt(blockleft)+176);
break;
case 1280:
blockleft=""+(parseInt(blockleft)+240);
break;
}}
</script>
<div id="mooon" style="position:relative; width:350px; height:14px; z-index:1; background-color: #cccccc; layer-background-color: #6699cc; border: 1px none #000000; left:150px;top:385px;">
层的内容 </div>
<script>diff(mooon)</script>
注意：上面这种方法能实现层的固定，但有一个问题是要固定的这个层会独占用高度，以下的方法可以解决：
<div id="Layer1" style="position:absolute; width:49px; height:14px;">

<div id="mooon" style="position:absolute; width:645px; height:43px; z-index:1; layer-background-color: #6699cc; border: 0px none #000000; left:330px;top:380px;">内容
＜／div＞
</div>
这些代码可以让层固定显示

用position:fixed;

<div class="content">
 你网页的内容
</div>
<div class="footer">
 我是小尾巴
</div><style>
content{padding-bottom:px;/ 此处的大小 大于或等于 footer的高度 /}
footer{position:fixed; bottom:0px; left:0px; height:px; width:100%; z-index:999;}
</style>

---