IE7 help! Please!

I cannot figure out why the footer on my website appears 'underneath' the main content when I view in IE7

It displays perfectly in every other browser. This is the CSS I currently have:

#footer {
clear: both;
background-color: #93B7D1;
background-image: url(../img/footertopbrush.gif), url(../img/footerbrush.png);
background-repeat: no-repeat, no-repeat;
background-position: top left, right;
height: 240px;
padding: 20px 25px 10px;
*background-color: #93B7D1;
*background-image: none;
*clear:none;
*float: left;
*position: relative;
}

But it still shows like this:

Anyone have any ideas of how to fix this in IE7?

Thanks

Lee Tempest