Probleme bei der Darstellung im IE

[Interdocom]

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

 

[prm]

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

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

 

[neuroleptika]

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 <a> display: block hat, wird das Menü trotzdem vertikal angezeigt.