Align div to bottom immediately after other divs

Hey Experts!!
I have a page (URL above) in which I want to put a footer IMMEDIATELY following the content div.  Basically where the #footer div is placed directly below the #content div

How can I do this so that my background image shows in all browsers?????

Relevant CSS below  

#content {
	position:absolute;
	width:800px;
	height:auto;
	z-index:auto;
	margin-right: auto;
	margin-left: auto;
	padding: 6px;
	left: 25%;
	top: 207px;
	right: 25%;
	background-color: #FFFFFF;
	background-attachment: fixed;
	background-image: url(../images/bottom_round.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
 
#footer    {
	position: absolute;
	bottom: 1%;
	width: 815px;
	clear: both;
	left: 25%;
	right: 25%;
	height: 26px;
	background-attachment: fixed;
	background-image: url(../images/bottom_round.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
    }

Select allOpen in new window