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

Beitrag lesen

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