IE Problems

Hi there,
My site https://www.freestylemma.com displays correctly in Firefox and Netscape but in Internet Explorer the posts drop down to bottom of page and do not display correctly.

I am not sure why.
Here is my css coding any help or links to help me would be so much appreciated. I am still learning.

body {
color: #8B4513;
text-align: center;
background: url(/images/bgtile.jpg);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#wrapper {
background: #FFFFFF;
width: 900px;
margin: 20px auto 20px auto;
padding: 8px 0px 8px 0px;
text-align: left;
}

#header {
margin: 0px 8px 0px 8px;
padding: 20px 10px 10px 10px;
background: transparent url(../iowa-autumn/images/head3.jpg) no-repeat center;
height: 220px;
}

#main {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 778px;
background: transparent;
}
/* this controls the text in the main area*/
#content {
float: right;
width: 526px;
padding: 20px 0px 20px 25px;
margin: 0px 0px 0px 0px;
background: #FFFFFF;
display: inline;
overflow: hidden;
}
#pagecontent {
float: left;
width: 750px;
padding: 20px 0px 20px 25px;
margin: 0px 0px 0px 0px;
background: #FFFFFF;
display: inline;
overflow: hidden;
}
/* this controls the sidebar*/
#sidebar {
font: 11px “MS Sans Serif”, Geneva, sans-serif;
float: left;
width: 212px;
margin: 0px 4px 0px 8px;
padding: 20px 0px 10px 0px;
color: #000000;
background: #333333 url(images/nav.jpg) no-repeat;
display: inline;
}