CSS Problem in IE

My blog is at https://www.jimlynch.com The CSS has been tweaked so that the left, right and center columns are white and the rest of the background is a tan color.
But something is wrong with IE. If you load it in IE, the right column is on the left and the left column is pushed way out to the right. Go check it out and you’ll see what I mean.
Thanks if you can help out with this, I’m not great with CSS at all.
Here is the CSS I’m using:
/*
Dots – A WordPress CSS Template
Copyright 2004 Alex King
Based on: Bloggia 3-Column Template by Alex King (https://www.bloggia.com/styles/bloggia_themer/)
*/
body {
background: #e8e8d1; color : #111;
margin: 0;
padding: 0;
text-align: center;
}
h1, h2, h3, h4, p, li, a, span, th, td, input, select, textarea {
font-family: verdana, tahoma, arial, helvetica, geneva, sans-serif;
}
p, li, td, caption, input, select, textarea {
font-size: 12px;
font-weight: normal;
}
#rap {
display: block;
margin: auto;
position: relative;
text-align: left;
width: 770px;
background-color: #FFF;
}
#header {
background: url(/banner1.gif) no-repeat;
border: 1px solid #4B5340;
border-width: 0 1px 2px 1px;
color: #fff;
font-size: 18px;
height: 98px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
text-align: left;
top: 0;
width: 768px;
}
#header a {
color: #fff;
display: block;
padding: 65px 10px 10px 10px;
}
#content {
left: 190px;
padding: 10px 0 0 0;
position: relative;
top: 100px;
width: 420px;
background: #FFF;
}
#content h2 {
border-bottom: 1px solid #878D7C;
color: #000000;
font-size: 12px;
margin: 0;
padding: 0 0 3px 0;
text-align: right;
}
#content div.post {
padding: 0 0 10px 0;
}
#content div.post h3 {
color: #000000;
font-size: 14px;
margin: 7px 0 3px 0;
padding: 0;
}
#content div.post h3 a, #content div.post h3 a:link, #content div.post h3 a:visited {
color: #000000;
}
#content div.post div.meta, #content div.post div.meta ul li a, #content div.post div.meta ul li a:link, #content div.post
div.meta ul li a:visited {
color: #000000;
font-size: 12px;
}
#content div.post div.meta ul {
display: inline;
margin: 0;
padding: 0;
}
#content div.post div.meta ul li {
display: inline;
margin: 0;
padding: 0 3px 0 0;
}
#content div.post div.storycontent {
border-left: 2px solid #e8e8e8;
margin: 0 10px 0 0;
padding: 0 0 0 7px;
}
#content div.post div.feedback a {
color: #000000;
font-size: 12px;
}
#content div.post div.storycontent ol, #content div.post div.storycontent ul, #content div.post div.storycontent li, #content
div.post div.storycontent blockquote {
margin-left: 15px;
padding-left: 0;
color: #777
}
#comment {
height: 150px;
width: 400px;
}
#search, #googlead, #calendar, #categories, #sonyad, #archives {
left: 630px;
margin: 0;
padding: 0;
position: absolute;
width: 139px;
}
#search {
top: 0;
}
#googlead {
top: 70px;
}
#calendar {
top: 325px;
}
#categories {
top: 485px;
}
#sonyad {
top: 970px;
}
#archives {
top: 1075px;
}
#menu {
background: url(/jimflag.jpg) no-repeat;
left: 0;
padding: 110px 0 0 0;
position: absolute;
top: 110px;
width: 190px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu ul li {
color: #000000;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
}
#calendar caption {
font-weight: bold;
}
#calendar th {
color: #4B5340;
font-size: 10px;
padding: 2px;
text-align: center;
}
#calendar tbody td {
font-size: 10px;
padding: 2px;
text-align: right;
}
#menu form {
margin: 0;
padding: 0;
}
#menu ul li ul {
margin: 2px 0 0 0;
padding: 0;
}
#menu ul li ul li {
color: #000000;
font-weight: normal;
margin: 0 0 2px 10px;
padding: 0;
}
#menu ul li ul li a, #menu ul li ul li a:link, #calendar td a, #calendar td a:link {
color: #000000;
}
#menu ul li ul li a:visited, #calendar tfoot td a:visited {
color: #000000;
}
p.credit {
display: none;
}