CSS wird im IE falsch angezeigt

[SuTech]

HI

Ich hab grad n Design für ne HP gemacht und häng grad an folgendem Problem:
Der IE zeigt die Seite mal wieder anders an als Firefox und Opera.
Hier ist des Design:

http://su-tech.de/ju/

So siehts im Firefox aus und so solls auch sein:
http://su-tech.de/ju/firefox.jpg

Und so im IE:
http://su-tech.de/ju/IE.jpg

Kann mir jemand sagen, wie ich das ändern kann?

Hier is mal der ganze CSS-Teil:

<style type="text/css">
body {
 background: url('images/bg.gif') repeat;
 font: 11px "Verdana", Lucida Grande, Arial, Sans-Serif;
 margin: 0;
 padding: 0;
 text-align: center;
}

a:link {
 color: #0276ce;
 text-decoration: none;
}
a:visited {
 color: #0276ce;
}

a:hover, a:active {
 color: #fff;
 background-color: #0276ce;
}

#box {
 width: 800px;
 margin: auto;
 margin-top: 20px;
 padding-bottom: 10px;

}

#topnavi {
 text-align: left;
 color: #0276ce;
 padding: 5px;

}

#navi {
 border-top: 1px solid white;
 text-align: left;
 vertical-align: middle;
 font-weight: bold;
 height: 300px;
 float: left;
 width: 180px;
 list-style: none;

background-image: url('images/verlauf.jpg');

}

#navi li a {
 color: #fff;
 display: block;
 height: 24px;
 line-height:24px;
 background-color: #0276ce;
 text-decoration: none;
 padding-left: 10px;
 border: 1px solid #fff;
}

#navi li a:hover {
 color: #0089CF;
 background-color: #fff;

}

#navi li a:active {
 color: #0089CF;
 background-color: #fff;
}

#inhalt {
 padding-left: 200px;
 padding-right: 10px;
 text-align: left;

}

#logo {

background-image: url('images/logo.jpg');
 float: left;
 width: 180px;
 height: 120px;

}

#titel {

height: 120px;
 vertical-align: baseline;
 text-align: center;

padding-left: 10px;
 background-image: url('images/oben.jpg');
 background-repeat: no-repeat;
    background-position: 100% 0%

}

#main {
 padding: 10px;

}

#footer {
 color: #0276ce;

}

#header {
 background-color: #0276ce;
 color: #fff;

}

</style>

Wär super wenn mir jemand helfen könnte!
Danke schonmal im Voraus!

Gruß,
Tobias

[wucher wichtel]

Hallo!

Ich empfehle dir, erstmal den Code zu validieren und dann an spezifische Browserfehler einzugehen. Dann würde dir z.B. auch auffallen, dass in diesem Code

<div id="navi">
 <li><a href="#">&#9658; &Uuml;ber uns</a></li>
 <li><a href="#">&#9658; Pressemitteilungen</a></li>
 <li><a href="#">&#9658; Themen</a></li>
 <li><a href="#">&#9658; Veranstaltungen</a></li>
 <li><a href="#">&#9658; Terminkalender</a></li>
 <li><a href="#">&#9658; Kontakt</a></li>
 <li><a href="#">&#9658; Links</a></li>
</div>

ein Fehler ist. Übrigens kannst du das mit den Pfeilen auch per CSS regeln. Dann hat sich dein Problem warscheinlich verflüchtigt.

gruß, ww

[SuTech]

Danke!
Habs gefunden