Issue with position:relative - covers another div id

[musicory]

My footer is covering up the main part of my page, and I'm not sure why.My main page is in a div that is centered on the page, 720px wide. Then I have a separate div for my footer that I want to be able to fill the width of the page. I set my footer to position:relative, to lay below my main page, but it's only sitting about a line's height below my main page's div.However, it appears correctly (or at least the way I want it to in IE6. Go figure.Help?Thanks.

[jlhaslip]

http://ryanfait.com/sticky-footer/

[musicory]

http://ryanfait.com/sticky-footer/

Actually, I don't want the footer to be at the bottom - just below my content.AND I FIGURED IT OUT!! Here's the solution: clear:both;