Navigation funktioniert nicht in IE6

[craxo]

Habe heute versucht die Webseite mithilfe von Microsoft Expression im Internet Explorer 6 zu begutachten und die Navigation war total zerschossen.
Da mein Vorgänger diese eingebaut habe und meine CSS / Html Kenntnisse für das meiste zwar reichen, aber auch nicht überragend sind, habe ich echt keine Ahnung wo ich anfangen soll nach einem Fehler zu suchen.

Vielleicht hat ja einer von euch einen Lösungsvorschlag, würde mir enorm helfen!

Die Site: craco.de

Screenshot des Fehlers:


Navigations Stylesheet:

/* Style sheet navigation */
#rahmen{width:660px;margin:auto;}
.box{width:210px;height:150px;float:left;text-align:center;background:url(http://craco.de/tl_files/CRACO/elemente/start-navi-leiste.jpg);margin: 5px;}
.box:hover{background:url(http://craco.de/tl_files/CRACO/elemente/start-navi-leiste2.jpg);}
.box-leer{width:210px;height:150px;float:left;text-align:center;margin: 5px;}
.ibox{width:210px;height:25px;text-align:center;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:18px;color:#FFFFFF;}
.schrift-box{width:210px;height:150px;float:left;text-align:center;background-color:#ffffff;margin: 5px;color:#00925b;font-size:20px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.bild{width:210px;height:125px;position:relative;text-align:center;background-color:#333333;display:block;border:0;}
#nav{width:948px;height:22px;bottom:0px;left:0px;right:0px;top:120px;position:absolute;overflow:visible;background-image:url("tl_files/css/bilder/nav.gif");background-repeat:repeat-x;border:1px solid #a2e6cd;z-index:999;}
#nav ul{margin:0;padding:0;list-style-type:none;}
#nav li{float:left;z-index:100;}
#nav table{left:-1px;top:20px;position:absolute;border-collapse:collapse;z-index:80;}
#nav a,#nav p{width:150px;display:block;margin:0 1px 0 0;padding:3px 0 4px 0;text-align:center;font-weight:bold;text-decoration:none;font-size:12px;color:#ffffff;}
#nav a:hover,#nav li:hover{background-color:#2aa476;}
#nav ul ul{width:115px;position:absolute;visibility:hidden;}
#nav ul li:hover ul,#nav ul a:hover ul{visibility:visible;}
#nav .level_2 li{background-color:#00925b;}
#nav p{background-color:#26976d;}

Vielen Dank schonmal =)

[grambler]

Gibt's irgendwo einen Link? So ist es verdammt schwer, einen Fehler zu identifizieren!

[Toflar]

www.craco.de steht ja da

[grambler]

Ach komm, denn hat Craxo doch nachträglich reinmontiert

Na schauen wir mal...

Ich würde das Logo und den Haben-Sie-Fragen-Block auch noch in ein DIV reinpacken, dann musst du die Navi nicht absolut positionieren, was wesentlich eleganter ist, finde ich... Ggf. löst das auch schon Probleme im IE6, dort ist es immer gut wenn man sowenig wie möglich positioniert, sondern eben sauber baut, damit nicht viel schiefgehen kann.

IE6 kann man sich wie ein Idiot auf dem Bau vorstellen, der Plan (ergo CSS/HTML) darf nicht zu komplex sein, sonst hast du am Ende ein ganz anderes Haus, als du ursprünglich wolltest.