spacing issue please help

Good morning,
I’m working on my first custom layout and need some advise. For some reason there is a nice gap between my footer on both the pages/posts. I would like the footer to match up to the bottom of my tan color perfect. Here is a link to the image

http://img21.imageshack.us/img21/4988/testlcp.png

here is my code currently

(PAGE CODE)

.static_page {
background-color:#e5d6c1;
width:560px;
margin-left:20px;

}

(POST CODE)

.post_snippet {

background-color:#e5d6c1;
width:560px;
margin-left:20px;
margin-bottom:0px;
}

#footer {
background-image:url(footer.png);
height:200px;
width:556px;
position: relative;

}

any help would be great.

Thanks,
Slim