facelessbook.com - css/div issues in explorer

I have this site: www.facelessbook.com

I'm not a web guy, i do video. So this is tricky... But I want it done right.

The site is running well ( so it seems :P ) in Safari

Internet Explorer sends things all out of wack. I am stumped.

Mostly, the left container is pushed over to the right in IE...

Below is all the code from my css file (style.css)
Many thanks in advance.
my email is contact@davezak.com


__________________________________________________ ____

body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: .75em;
background: url(../img/bg.jpg) center repeat-y;
}

img {border: none;}

a {
color: #369; border: none;
}

a img { border: none;}

#nav {
margin: -75px 0 20px 168px;
float: left;
}

#nav a {
color: white;
text-decoration: none;
font-weight: bold;
}

#nav a:hover {
text-decoration: underline;
}

#cont {
width: 800px;
margin:0 auto;
}

H1 {
color: #369;
}

#head {
background:url(../img/topbar.jpg) no-repeat;
height: 90px;
width: 800px; }

#left {
style="display: inline; margin-left: 5px;"
width: 167px;
float:left;}

#left H1 {
color: #369;
font-size: 1em;
}

#left li {
list-style: none;
color: #666;
margin: 4px 0;
}

#left li:hover{
text-decoration: underline;
color: #369;
}

#right1 {
margin: -40px 0 0 0;
width: 632px;
float: right;
}

#right1 H1 {
color: #369;
font-size: 1.5em;
}

#right1 a {
color:#369; f
ont-weight: bold;
text-decoration: none;
}

#right1 a:hover {
color: black;
}

#right2 {
width: 400px;
float:left;
padding: 0 20px;
}

#right3 {
width: 160px;
float:right;
}

#right3 li {
list-style: none;
color:#666666;
padding: 2px 0;
}

#right3 li:hover {
color:#369; border: none;
}

#footer {
border-top: 1px solid #369;
margin: 60em 0 0 0;
text-align: center;
padding: 1em 0 1em 0;
background: #fff;
width: 800px;
}

#footer a {
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}


__________________________________

again the link is www.facelessbook.com

it looks as it should in safari and firefox (minus the blue outlines around linked images..), but is mis-aligned in explorer.

Any help is appreciated!