Box-Problem

Hallo,

habe ein Problem mit der Darstellung unter Internet-Explorer bzw. FireFox.

unter http://redcorner.looom.de/redesign/index.html könnt ihr sehen worum es geht.

Die weißen Rahmen hab ich mir nur zur Veranschaulichung gemacht. Sie werden dann später entfernt. Man kann jedoch erkennen, dass die „INFO“-
Box im FireFox korrekt, im InternetExplorer jedoch zu weit rechts angezeigt wird.

relevanter html-code:

[HTML]




[/HTML]

relevanter css-code:

[CODE]body {
background-color: #000000;
}
.aussenbox {
margin: auto;
width: 780px;
overflow: auto;
}
.rcf-header {
background-image: url(images/redcorner07_01.gif);
height: 202px;
width: 780px;
}
.rcf-modules {
background-image: url(images/redcorner07_02.gif);
height: 222px;
width: 780px;
overflow:hidden;
}
.rcf-content {
background-image: url(images/redcorner07_03.gif);
background-repeat: repeat-y;
width: 780px;
}
.rcf-footer {
background-image: url(images/redcorner07_04.gif);
height: 210px;
width: 780px;
}
.rcf-menu {
height: 30px;
width: 600px;
border: thin solid #FFFFFF;
position:relative;
top:20px;
margin:auto;

}
.rcf-modlinks {
height: 90px;
width: 265px;
border: thin solid #FFFFFF;
position:relative;
top:60px;
left: 110px;
float:left;

}
.rcf-modrechts {
height: 90px;
width: 265px;
border: thin solid #FFFFFF;
position:relative;
top:60px;
left: 420px;
}
.rcf-mainbody {
border: thin solid #FFFFFF;
position: relative;
width: 580px;
left:110px;
}
[/CODE]

Danke schonmal für eure Hilfe

viele Grüsse

Basti

Ein kurzer Blick auf die Seite lässt das allseitsbeliebte IE Problem
erkennen. (Sicher bin ich aber jetzt nicht)

http://www.positioniseverything.net/explorer/doubled-margin.html

edit nach ein wenig probieren ist mir folgendes aufgefallen:
http://img154.imageshack.us/my.php?image=blubbjl3.jpg
Der IE nimmt (so wie es sein sollte?) den Abstand des Elements daneben mit
während der FF so etwas macht:
http://img442.imageshack.us/my.php?image=blafj0.jpg