CSS: Unterschiedliches Ergebnis in Mozilla Firefox und Internet Explorer

[rookiestripes]

Hi an alle,

hab mich letztes Mal mal hingesetzt und mit <div> Tags näher auseinandergesetzt. Hab mein Grundgerüst der Seite soweit auch fertig und schaut auch gut aus im Firefox. Wenn ich jedoch die Seite im Internet Explorer betrachte, ist das Design dahin.

Seite
http://www.rookiestripes.com/r3/home.php

Hier die dazugehörige CSS Datei:

/* CSS Document */

body { margin: 0 }
#inhalt {
position: relative;
padding: 0.4em;
height: auto;
margin-right: 227px; padding-left: 5%; padding-right: 5%;
top: 9px;
}

#inhalt p { font: 0.9em/136% Verdana, Helvetica, Arial, sans-serif; }
#inhalt h1 { font: 1.2em/136% Verdana, Helvetica, Arial, sans-serif; color: #A6535C; }
#inhalt h2 { font: 1.2em/136% Verdana, Helvetica, Arial, sans-serif; color: #A6535C; }
#inhalt h3 { font: 1.1em/136% Verdana, Helvetica, Arial, sans-serif; color: #333; }
#inhalt h4 { font: 1.0em/136% Verdana, Helvetica, Arial, sans-serif; color: #333; }

td {
font: 0.8em Arial, Helvetica, sans-serif;
color: #333333;
vertical-align: top;
}

ul {
font: 0.9em Arial, Helvetica, sans-serif;
color: #333333;
list-style: dots;
}

ol {
font: 0.9em/136% Verdana, Arial, Helvetica, sans-serif;
color: #333333;
list-style: lower-alpha;
}

#fussleiste {
position: relative;
padding: 9px 100px 9px 5%;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
background: #333333;
height: auto;
top: 1em;
}

#fussleiste p { font: 0.8em/120% Verdana, Helvetica, Arial, sans-serif; margin: 0px; color: #FFFFFF;}

#navigation {
position: absolute;
background: #FFFFFF;
height: auto;
width: 200px;
left: auto;
top: 30px;
right: 30px;
bottom: auto;
border-left: 1px solid #FFFFFF; border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; border-right: 1px solid #FFFFFF;
}

#navigation a { font: 0.8em/120% Arial, Helvetica, Verdana, sans-serif; display: block; margin: 0.2em 0em; padding-left: 9px; text-decoration: none; }
#navigation a:link {
color: darkslategray;
border-bottom: 1px solid #000000;
}
#navigation a:visited {
color: lightslategray;
border-bottom: 1px solid linen;
}
#navigation a:hover { background: #CCCCCC; color: #000000; border-bottom: 1px solid khaki; }

#navigation h2 {
font: 0.8em/120% Arial, Verdana, sans-serif;
background: #FFFFFF;
padding: 3px 4px 1px 4px;
color: #FFFFFF;
}

#navigation p { padding-left: 9px; font: 0.9em/128% Arial, Helvetica, Verdana, sans-serif; }


#top {
padding: 0px 9px 0 5%;
border-bottom: 10px solid #FFFFFF;
background: #000000;
}


body {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
bgcolor: #333333;
}

code { font-size: 1.0em; font-weight: bold; color: #FFFFFF; }
table {
border: 1px solid #CCCCCC;
}

Würde mich freuen, wenn mir jemand weiterhelfen könnte.

Liebe Grüße
Rookie