CSS-Problem Firefox vs. IE

Habe folgendes Problem:

Bei diesem Script wenn ich es im Firefox anzeige, erscheint es richtig. Bei dem Internetexplorer wird das CSS-Element "#trenner_links" ganz nach rechts geschoben. Muss ich da noch etwas für den IE hinterlegen?


LINK: http://nm.cgsolutions-online.de/


Script:
_______________________________________________


*{
margin:0;
padding:0;
}


#content{
float:left;
margin:0 0 35px 0;
width:458px;
}

body{
background:#C4D3E9;
font:.8em "trebuchet ms", arial, sans-serif;
text-align:center;
}

#trenner_links{
background:#97B0D5;
position:absolute;
width:180px;
height:100%;
margin:0px 0px 0px 860px;
}

#trenner_middle{
background:#4B6EA1;
position:absolute;
width:100%;
height:22px;
margin:201px 0px 0px 0px;
}

#seite{
background:#fff url(hintergrund.jpg) repeat-y;
margin:0 auto;
padding:10px 10px 5px 13px;
text-align:left;
width:900px
}

#rootline{
background:#fff;
float:left;
width:500px;
padding:0 0 4px 0
}


#oben{
background:#fff url(bild.jpg);
clear:both;
height:168px;
width:690px;
}


#rechts{
float:left;
margin:0 0 20px 20px;
width:235px
}

#unten{
background:#4B6EA1;
color:white;
clear:both;
width:690px;
}

#navigation{
background:#fff;
float:left;
width:500px;
padding:0 0 4px 0
}

#navigation ul{
}

#navigation ul li{
display:inline;
margin:0 10px 0 0
}

#navigation ul li a{
text-decoration:none;
border-bottom:4px solid #fff;
color:#666;
font-size:.9em;
font-weight:bold;
}

#navigation ul li a:hover{
text-decoration:none;
border-bottom:4px solid #666
}


#content p{
text-align:justify
}

#unten p{
color:white;
float:right;
font:.85em "trebuchet ms", verdana, sans-serif;
padding:5px;
}

#rechts ul{
list-style:none;
margin:0 0 0 0
}

#rechts ul li{
background:url(liste.jpg) no-repeat;
display:block;
margin:0 0px 0 0;
padding:0 0 0 16px
}

#rechts ul li a{
text-decoration:none;
color:#666;
}

#rechts ul li a:hover{
color:#000;
}


a:link,a:visited,a:active{
color:#000;
text-decoration:underline
}

a:hover{
text-decoration:none
}


#unten a{
color:#fff;
text-decoration:underline
}

#unten a:hover{
text-decoration:none
}


H1 {
font-family : Verdana, sans-serif;
font-size : 16px;
color : #808080;
margin-bottom : 0px;
margin-top : 10px;
}
H2 {
font-family : Verdana, sans-serif;
font-size : 15px;
color : #808080;
margin-bottom : 10px;
margin-top : 20px;
}
H3 {
font-family : Verdana, sans-serif;
font-size : 12px;
color : #808080;
margin-bottom : 0px;
margin-top : 10px;
}
H4 {
font-family : Verdana, sans-serif;
font-size : 10px;
color : #808080;
margin-bottom : 0px;
margin-top : 10px;
}
.subhead1 {
font-family : Verdana, sans-serif;
font-size : 10px;
color : black;
}
.subhead2 {
font-family : Verdana, sans-serif;
font-size : 10px;
color : green;
}
.subhead3 {
font-family : Verdana, sans-serif;
font-size : 10px;
color : red;
}
.headerdate {
font-family : Verdana, sans-serif;
font-size : 10px;
color : red;
font-weight: normal;
}


strong {
text-decoration: none;
color: white;
}
A { color:white; }
A:hover { color:red; }
A:active { color:red; }

Vielen Dank!