div im IE total verschoben & list-Abstände unterschiedlich

[TiJA]

Servus!

Bin ja nun schon einiges vom IE gewohnt, aber das ist mir noch nicht untergekommen. Ich habe einen haupt-div-container in dem zwei div-container, einer links und einer rechts, eingebaut sind.

---------->

div#main {
width: 730px;
height: 475px;
background-color: #FFFFFF;
padding: 10px;
margin-top: 10px;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
}

div#links {
float: left;
width: 493px;
height: 393px;
padding: 0px;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 15px;
}

div#rechts {
float: right;
width: 220px;
height: 395px;
padding: 0px;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
}

<-----------

Im Firefox sieht es genau so aus wie ich es haben will: linke spalte und daneben die rechte Spalte. Im IE ist die zeigt es die zweite Spalte zwar rechts an, aber unterhalb der ersten:

Firefox: [links] | [rechts]
IE: [links] |

| [rechts]

Und warum werden die Abstände zwischen vertikalen Listenpunkten (bei mir Bilder statt Text) in verschiedenen Browsern unterschiedlich dargestellt?

------->

ul#navibox {
padding: 0px;
    margin: 0px;
text-align : left;
}

ul#navibox li{
    list-style: none;
list-style-type: none;
list-style-position: inside;
    margin: 0px;
padding: 0px;
}

<--------

Wenn mir jemand schreiben kann, wie ich das Problem behebe, wäre ich sehr dankbar!

MfG

[wahsaga]

hi,

Im Firefox sieht es genau so aus wie ich es haben will: linke spalte und daneben die rechte Spalte. Im IE ist die zeigt es die zweite Spalte zwar rechts an, aber unterhalb der ersten:

Firefox: [links] | [rechts]
IE: [links] |
              | [rechts]

im IE hat dein containerelement nicht genügen breite, um beide inhaltsdivs nebeneinander darzustellen.

informiere dich über das box model, und was der IE in älteren versionen oder im quirks mode bei diesem falsch macht.

gruß,
wahsaga