hacher: Probleme mit IE

Beitrag lesen

Hallo!

Ich hab bei folgender Webseite Probleme mit der Darstellung im Internet Explorer 6 und 7:

http://testcode.te.ohost.de/Code/start.html

Könnt ihr mir bitte helfen, denn im IE wird das komplett falsch angezeigt, im FF 2.0.0.3 und Opera 9.xx wirds korrekt angezeigt.

xhtml:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>TNT- Worlds Worst Case</title>
<link rel="stylesheet" type="text/css" href="start.css" />
   <!--[if IE 6]>
    <style type="text/css">@import url(ie_fix.css);</style>
  <![endif]-->
</head>
<body>
<!--Die Hauptbox-->
<div id="mainbox">

<!--Der Header-->

<div id="header">
      </div>

<!--Die Trennlinie unterm Header-->
      <hr style="height: 5px; width: 611px; background-color: #696969; border:0px; noshade=noshade;" />

<!--Der Verlauf hinterm Content-->
             <div id="verlaufhintercontent">

<!--Der Verlauf neben der Navi-->

<div id="verlaufnebennavi">
                 </div>

<!--Die Überschriften Leiste in Blautönen-->
                 <div id="leisteueberschrift"> &Uuml;berschriften...
                 </div>

<!--Der Hintergrund vom Content-->
                 <div id="contentbg"><p>Text
                 </p>

</div>

<!--Die Navigation-->
                 <div id="navigationlinks">
                 </div>

<!--Der Hintergrund der Navigation-->
                 <div id="navibg">
                       <!--Navigation mit Listen-->
                       <ul id="Navigation">

<li><a href="http://tntforum.de.gg" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;::Forum</a></li>
                            <li><a href="mitglieder.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;::Mitglieder</a></li>
                            <li><a href="uebertnt.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;::&Uuml;ber TNT</a></li>
                            <li><a href="Kriege.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;::Kriege</a></li>
                            <li><a href="Neuigkeiten.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;::Neuigkeiten</a></li>
                       </ul>

</div>
</div>
       <!-- Trennlinie footer-->
       <hr style="height: 5px; width: 611px; background-color: #696969; border:0px; noshade=noshade;" />
</div>
</body>
</html>

CSS-Datei:

http://testcode.te.ohost.de/Code/start.css

Ich bitte um Hilfe, auch wenns nur ein Link zum durchlesen ist!