DIV for Footer below floating objects

[adamkelly]

Hey guys.

I've got an issue with a DIV positioned relative that will sit below some floated DIVs. I can't get it to sit below everything. Is there anyone who can help at all?

The URL for the page is:

http://www.highriserocks.com/hme/

The CSS & HTML for the footer is currently this:

#footer {
	position: relative;
	width: 961px;
	height: 20px;
	padding-left: 10px;
	margin: 0 auto;
	clear: both;
	background-color: #ee0033;
	border: 1px solid #5c5c5c;
}

#copyright {
	float: left;
	padding-left: 2px;
}

.footer-copy {
	font-size: 11px;
	color: #FFF;
	line-height: 20px;
}

#terms {
	float: right;
	padding-right: 2px;
}

.footer-terms {
	font-size: 11px;
	color: #FFF;
	line-height: 20px;
}

<div id="footer">
	<div id="copyright">
		<span class="footer-copy">Copyright 2009  Tools 4 Technology - All Rights Reserved</span>
	</div>
	<div id="terms">
		<span class="footer-terms">Terms & Conditions  -  Site map  -  Privacy</span>
	</div>
</div>

If you need any other codes just ask.

[Jahren]

have your footer div INSIDE your maincontainer div
just to see

[adamkelly]

I tried that locally and it stays in the same place =/