Here is an example of what is happening:
[code]<html>
<head>
<style type=”text/css”>
#left{
float:left;
}
#right{
float:right;
}
#main{
width:410px;
float:left;
}
#head{
width:792px;
}
body{
margin:0px;
}
#site{
background-color: #345679;
width:800px;
border: 2px solid black;
margin-top:5px;
position:absolute;
left: 50%;
margin-left: -400px;
}
#footer{
width:790px;
}
</style>
</head>
<body bgcolor=”#bac1cc”>
<center>
<div id=”site”>
<font color=”#000000″>
<div id=”head”>
</div>
<div id=”left”>Left Side
</div>
<div id=”right”>Right Side
</div>
<div id=”main”>
</div>
</font>
</div>
<div id=”footer”>
This is my footer
</div>
</center>
</body>
</html>
If you run it you will notice that the footer div is at the top of the page behind the site div. Unfortunately I have to use position:absolute on the site div, but how can I make the footer div appear below the site div?