Footer and Div Overlap

Community,

I’d appreciate some help here. I’ve been working at this for almost two hours and cannot seem to figure out the problem. Here is where I stand:

I spend some time making custom pages to import my blog posts, so that I may keep the custom feel of my site’s template. I mostly have a functioning “proof of concept” going, but when i enable comments, it seems to break. the footer and ’round-box” container are interacting improperly.

please see this webpage for an example of what my footer “should” look like.

here is the page I am currently working on.

Can anyone give me some pointers on how to combat this styling error?

I’m happy to provide any details or code (incase you cannot find them through firebug). Any help is appreciated!

Charlie

Container CSS:

.round-box{
	background-color: #ffffff;
	padding: 20px 20px 20px 20px;
	position: relative;
	width: auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	min-height:427px;
	margin: 0 auto;
	height:auto;
	max-width: 900px;
}

#footer{background:url(images/footer-bk.png) repeat; width:100%;height:230px; float:left;  margin-top: 25px;}

Single Post Page
[Code moderated as per the Forum Rules. The maximum number of lines of code that you can post in these forums is ten lines. Please use the pastebin]