Internet Explorer CSS Problem

[ehsen]

I am designing a wordpress theme (this is my first theme). My design doesn't show correctly in IE.

Here is the design in Firefox (in which sidebar is showing up properly)



Here is the Design in Internet Explorer.



CSS code for footer & innersidebar (the white area in sidebar)

#footer {
float:left;
width:800px;
clear:both;
font-weight:bold;
color:#FFFFFF;
background:#000000;
height:20px;
text-align:center;
}

.innersidebar {
float:right;
width:180px;
margin-right:15px;
background-color:#FFFFFF;
color:#FF0000;
}

Would you please advise me how can I fix this problem.

[Tyssen]

Your footer's obviously not clearing the floats properly but you haven't provided enough code to be able to give you an accurate answer. You don't need to float #footer though.

[ehsen]

I fixed it. Actually my XHTML code was the culprit. I validate my code and fixed all errors and bingo my theme is working perfectly.