Box-Problem

[Looom]

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:

<div class="aussenbox">
 <div class="rcf-header"></div>
 <div class="rcf-modules">
  <div class="rcf-menu"></div> 
  <div class="rcf-modlinks"></div>
  <div class="rcf-modrechts"></div>
 </div>
 <div class="rcf-content">
  <div class="rcf-mainbody"><br /><br /><br /></div>
 </div>
 <div class="rcf-footer"> </div>
</div>

relevanter css-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;
}

Danke schonmal für eure Hilfe

viele Grüsse

Basti

 

[prostel]

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