Probleme bei der Darstellung im IE

Weiß jemand warum die Seite Interdocom 24 Stunden Computernotdienst im IE so merkwürdig dargestellt wird?

Hier mal der CSS Inhalt

body, html, #navigation, #container, #inhalt { margin: 0; padding: 0; } body { font: 100.01% sans-serif; background-color: #E6DCCF; text-align: center; } #container { width: 50em; text-align: left; margin: 0 auto; background-color: #FFD700; } #kopf { background-color: #4169E1; color: #E6DCCF; padding: 10px; text-align: center; } #navigation { width: 10em; float: left; background-color: #FFD700; color: #FF4500; } #inhalt { text-align: center; padding-left: 10px; padding-right: 10px; border:thin solid red; background-color: #FFFFFF; color: #806640; margin-left: 10em; width: 38.7em; } p { margin: 25px 25px 0 25px; } h1 { margin: 0 25px; padding: 10px 0 0; font-size: 1.3em; } #navigation ul { list-style-type: none; margin: 25px 0 0 0; padding: 0; } #navigation a:link, #navigation a:visited { text-decoration: none; color: #806640; display: block; font-weight: bold; padding: 10px; margin: 5px; border-left: 5px solid #FF4500; background-color: #FFD700; color: #3054BF; } #navigation a:hover { color: #3054BF; background-color: #E6DCCF; border-left: 23px solid white; color: #806640; }

Vielen Dank schonmal im Voraus.

Lg

Manuel

Ich kann keine wesentlichen Unterschiede (FF3, IE7) feststellen.
Hier fehlt die Angabe der Einheit:

body, html, #navigation, #container, #inhalt {
margin: 0;
padding: 10px;
}

Insbensondere bei IE-Fehldarstellungen ist es wichtig zu wissen welche Version gemeint ist. Die Unterschiede sind recht groß.
Im ie6 sind die Listen-Einträge in der Navigation zu weit auseinander.

Das wird Whitespace-Bug genannt.

Lässt sich aber leicht beheben:

/*whitespace Bug ie6 */ #navigation ul li { display: inline; } Da display: block hat, wird das Menü trotzdem vertikal angezeigt.