Issue with Internet explorer

My website looks fine on all browsers except internet explorer. (surprise, surprise)

I know it's a problem with the index cause that's where it's messed up.

Here's my code:

/* Main page settings */

BODY {
position: relative;
background: transparent url(images/Parchment_by_Geek_Stock.jpg) repeat scroll top left;
margin: 0;
padding: 0;
font-family: Georgia, veranda, arial, sans-serif;
font-size: 14px;
}

HR {
border-top:4px double #003300;
border-left:0;border-right:0;
border-bottom:0;
width:500px;
height:5px;
text-align:left;
}

INPUT,TEXTAREA,SELECT {
color:#000000;
z-index:3;
  margin-top:1px;
border:1px solid #003300;
background:#FFFFFF;
font-size: 14px;
}

IMG {
border: 0;
padding: 0;
margin: 0;
}

/* Header cells in tables throughout the site */
TH {
background: #000000;
color: #FFF;
font-weight: bold;
}

/* The main header settings */

#header a:link {color: #000000}

#skins{
float: right;
margin: 0px 5px 0px 0px;
}

#banner {
position: relative;
margin: 5px 160px;
height: 243px;
background: url(images/RabidReaderbannernew.jpg) center top no-repeat;
}

/* right side menu in header */

#menu {
float: right;
width: 200px;
margin: 0px 40px 0px 0px;
}
#menu ul li a {
position: relative;
display: block;
height:  30px;
line-height: 30px;
vertical-align: middle;
text-align: center;
font-style: italic;
font-weight: bold;
color: #000000;
background: transparent;
}

#menu ul li a:hover {
background-position: center bottom;
color: #8B0000;
background:transparent url(images/newpagecurl.gif) left top no-repeat;

}

/* left side menu in header */

#navmenu {
float: left;
width: 200px;
margin: 10px 0px 0px -60px;
}

#navmenu ul li a {
position: relative;
display: block;
height:  30px;
line-height: 30px;
vertical-align: middle;
text-align: center;
font-style: italic;
font-weight: bold;
color: #000000;
background: transparent;
}

#navmenu ul li a:hover {
background-position: center bottom;
color: #8B0000;
background:transparent url(images/newpagecurl.gif) left top no-repeat;

}

/* the footer box at the bottom of the page */
#footer {
        position: relative;
background: #000 url(images/Parchment_by_Geek_Stock.jpg)left top repeat;
font-size: 12px;
        text-align: center;
color: #000;
        margin-left: 42px;
        margin-right: 42px;
padding: 12px;
clear: both;
}
#menu ul {list-style: none}
#navmenu ul {list-style: none}

/* end universal setup */

/* links other than the header main menu */

A:link,A:active,A:visited {
text-decoration:none;
color:#003300;
font-weight:bold;}
A:hover {
color: #cd2626;
text-decoration:underline;
}

/* this is a carryover from 1.1.  Generally it is used around tables and table cells. */
.tblborder {
border: 1px solid #003300;
padding: 1px;
border-collapse: collapse;
/* color: #000;  */
text-align: center;
}

/* main page, between header and footer */

#mainpage {
        position: relative;
height: 550px;
        margin-left: 3em;
        margin-right: 3em;
padding: 0 1em 1em;
        overflow: auto;
}

html>body #mainpage {
height: auto;
min-height: 550px;
}

#viewuser #mainpage {
padding: 0;
}

/* Page title on most pages */

#columncontainer {
        margin: 1em auto;
        width: auto;
position: relative;
background-color: transparent;
margin: 20px 60px 0px 60px;
}
#pagetitle {
text-align: center;
font-size: 25px;
color: #000;
        position: relative;
margin: 20px 60px 0px 60px;
}
ul {list-style: disc}
/*Index page see index.tpl for detail Note that position: relative and background-color were added
due to IE's issue with images after a float */

/*left and right columns--line-height fixes a disappearing float IE bug */

#leftindex {
position: relative;
width: 25%;
float: left;
line-height: 1.3em;
}

#rightindex {
position: relative;
width: 20%;
float: right;
line-height: 1em;
}

#middleindex {
position: relative;
margin: 3px 23%;
line-height: 1.3em;
}

/* This controls the look of the lblocks on a few pages  */

/* The box around the block */

.lblock {
margin: 0px 55px 5px 0px;
}

/* The block's title */

.lblock .title {
color: #000000;
background: transparent;
font-size: 18px;
font-weight: bold;
font-style: italic;
text-align: center;
padding: 4px;
border-top: 2px solid #003300;
border-bottom: 2px solid #003300;
}

.lblock .newstitle, .block .storytitle {
color: #990000;
font-size: 14px;
font-weight: bold;
text-align: center;
padding: 4px 7px 0px 7px;
}

/* The left block's content */

.lblock .content {
position: relative;
background-color: #ccc;
background: transparent;
height: 1%;
font-size: 14px;
font-weight: normal;
text-align: left;
padding: 3px;
}

.lblock .bottom {
color: #990000;
background: #556b2f;
padding: 5px;
font-weight: bold;
font-size: 80%;
}

/* This controls the look of the block (middle block on main page */

/* The box around the block */

.block {margin: 0px 5px 5px 0px;}

/* The block's title */

.block .title {
color: #000000;
background: transparent;
font-size: 18px;
font-weight: bold;
font-style: italic;
text-align: center;
padding: 3px;
border-top: 2px solid #003300;
border-bottom: 2px solid #003300;
}

.block .newstitle, .block .storytitle {
color: #990000;
font-size: 16px;
font-weight: normal;
text-align: center;
padding: 4px 7px 0px 7px;
}

/* The block's content */
.block .content {
position: relative;
background-color: #ccc;
background: transparent;
font-size: 14px;
font-weight: normal;
text-align: left;
padding: 2px;
}

.block .bottom {
color: #003300;
background: transparent;
padding: 2px;
font-weight: bold;
font-size: 80%;

}

/* This controls the look of the rblocks on a few pages  */

/* The box around the block */

.rblock {margin: 0px 5px 5px 0px;}

/* The block's title */
.rblock .title {
color: #000000;
background: transparent;
font-size: 18px;
font-weight: bold;
font-style: italic;
text-align: center;
padding: 4px;
border-top: 2px solid #003300;
border-bottom: 2px solid #003300;
}

.rblock .newstitle, .block .storytitle {
color: #990000;
font-size: 14px;
font-weight: normal;
text-align: center;
padding: 4px 7px 0px 7px;
}

/* The block's content */
.rblock .content {
position: relative;
background-color: #ccc;
background: transparent;
font-size: 14px;
font-weight: normal;
text-align: left;
padding: 5px;
}

.rblock .bottom {
color: #990000;
background: transparent;
padding: 5px;
font-weight: bold;
font-size: 80%;
}

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

any help would be much appreciated.  If this isn't allowed just let me know and delete the post!