Thema: Div im FF normal, aber im IE verschoben

Hi, solch ein Problem hatten sicher schon viele, hab aber leider keine Lösung gefunden.
Mein Problem, wie der Titel schon vermuten lässt ist, dass im FF mein Template richtig darggestellt wird und im IE wird ein Div um ein paar Pixel verschoben, sodass die restlichen Div-Boxen verschoben angezeigt werden.

Verteilung der Felder:
Das Textfeld oben-links ist #content_user1
oben-mitte: #content_user2
oben-rechts: #content_user3
unten-links: #content_user1
unten-mitte: #content_user2
unten-rechts: #content_user3
(damit ihr nicht alles aus css & html rauslesen müsst)

Im FF:


Im IE:


Css:

body {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:0px;
background-color:#000000;
}

#seite {
position:absolute;
width:1024px;
left:50%;
margin-left:-512px;
background-color:#535353;
height: auto;
}

#topCase1 {
position:relative;
width:1024px;
height:265px;
background-image:url(../images/Header.jpg);
}

#navigation {
position:relative;
width:692px;
height:22px;
padding-left:30px;
background-color:#535353;
}

#subnavigation {
position:relative;
width:692px;
padding-left:30px;
background-color:#535353;
}

#scanlines {
position:relative;
width:722px;
background-image:url(../images/Scanline.jpg);
background-repeat:repeat-x;
height:36px;
}

#bigcase {
float:left;
width:983px;
background-color:#535353;
min-height: 133px;
}

#bigcase2 {
float:left;
width:692px;
background-color:#535353;
min-height: 300px;
}

#topCase2 {
float:right;
width:246px;
background-color:#000000;
margin-right: 15px;
min-height: 86px;
height: auto;
border: 0px;
}

#case2 {
float:right;
width:236px;
background-color:#000000;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}

#case2_foot {
float:right;
width:246px;
height:12px;
background-image:url(../images/AnmeldungDachUnten.jpg);
}

#content {
width:938px;
margin-left:30px;
min-height: 300px;
background-color: #000000;
float: left;
}

#content_head {
float:left;
background-image:url(../images/ContentDachOben.jpg);
width:692px;
height:12px;
}

#content_user1 {
float:left;
width:216px;
background-color:#a9a9a9;
padding-left:20px;

}

#content_user2 {
float:left;
width:216px;
background-color:#a9a9a9;
}

#content_user3 {
width:216px;
background-color:#a9a9a9;
float: left;
padding-right: 24px;
}

#seperator {
float:left;
background-image:url(../images/Trennlinie.jpg);
background-color:#a9a9a9;
width:691px;
height:8px;
}

#content_inner {
float:left;
background-color:#a9a9a9;
width:682px;
padding:5px;
min-height: 300px;
margin-top: -8px;
}

#content_foot {
float:left;
background-image:url(../images/ContentDachUnten.jpg);
background-repeat:no-repeat;
width:692px;
height:12px;
}

#footer {
float:left;
background-image:url(../images/Abschlussbalken.jpg);
width:1024px;
height:11px;
}

Html-Body:

<div id="seite">
<div id="topCase1"></div>
<div id="bigcase"><div id="topCase2"><?php mosLoadModules ( 'user6' ); ?></div>
<div id="navigation"><?php mosLoadModules ( 'left' ); ?></div>
<div id="subnavigation"><?php mosLoadModules ( 'user4' ); ?></div>
<div id="scanlines"></div>
<div id="content">
<div id="content_head"></div><div id="case2"><?php mosLoadModules ( 'user5' ); ?></div><div id="bigcase2">
<div id="content_user1"><?php mosLoadModules ( 'user1' ); ?></div>
<div id="content_user2"><?php mosLoadModules ( 'user2' ); ?></div>
<div id="content_user3"><?php mosLoadModules ( 'advert1' ); ?></div>
<div id="content_user1"><?php mosLoadModules ( 'user3' ); ?></div>
<div id="content_user2"><?php mosLoadModules ( 'user7' ); ?></div>
<div id="content_user3"><?php mosLoadModules ( 'user8' ); ?></div>
<div id="seperator"></div>
<div id="content_inner"><?php mosMainBody(); ?></div></div>
<div id="content_foot"></div><div id="case2_foot"></div>
</div>
</div>
<div id="footer"></div>
</div>

Vielen vielen dank, hat wunderbar funktioniert.