CSS:
html{
background-image:url('images/bottom.png');
background-repeat:repeat-x;
background-position:left bottom;}
#footer
{
    height:135px;
    text-align: center;


}
#container
{
    margin: 0;
    width: 1024px;
    background:#fff;
}
#top{
    background-image: url("images/top_bg.png");
    height:51px;
}
HTML
<div id="container">
<div id="top"></div>
<div id="footer"></div>
</div>