Dropdown-Menü läuft im IE6 nicht

[Kafkaesk]

Hallo,

versuche gerade ein einfaches Dropdown-Menü in einem TYPO3-Projekt zu integrieren. Es läuft auch ganz gut, mit einer leider zu wichtigen Ausnahme: der IE 6 macht leider nicht mit ...
Eventuell hat ja ein CSS-Spezi eine Idee, worans liegen könnte.

Link: http://www.sensualmedics.com/neu/index.php

Hier das CSS:

PHP-Code:

ul.menu{
    list-style-type: none;
    margin-left: 298px;
}

ul.menu ul {
    list-style-type: none; 
    z-index: 100;   
}

ul.menu a {
    color: #937559;
    text-decoration: none;
    display: block;
    padding: 3px 5px 3px 5px;
    font-weight:normal;    
}


ul.menu ul a {
    padding: 0 5px;
}

ul.menu li {
    padding:0 2px;
    margin:0;
    background-image: none;
    background-color: #FFF;
    float:left;
}

ul.menu li a:hover {
    color: #0094B3;
}

ul.menu ul {    
    margin-left:0;
    padding: 0 0 5px 0;
    position: absolute;
    background-color: #fff;
    display:none;
    min-width:150px;
}



/* IE-Hack für die Breite */

*html ul.menu ul {
    width:150px;
}



/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */

/* über der Liste  befindet (.hover siehe JavaScript oben) */

ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;    
}

ul.menu ul li {
    float:none;
    margin-left: 5px;
    background-color: transparent !important;
    text-align: left;
    }

ul.menu ul li a:hover {
    color: #0094B3;
    }

.menu-aktiv {
    color: #0094B3 !important;
    } 


Und dann noch etwas Javascript für den IE:

PHP-Code:

<script type="text/javascript">
    //<![CDATA[
                <!--
                function show(element){
                        element.className += "hover";
                }
                function hide(element){
                         element.className = element.className = "";
                }
                -->
        //]]>
    </script> 


Und das Listen-Menü sieht dann so aus:

PHP-Code:

<ul class="menu">
  <li onmouseover="show(this)" onmouseout="hide(this)"><a href="en/home/discovering.html" onfocus="blurLink(this);">Home</a>
     <ul onmouseover="show(this)" onmouseout="hide(this)"><li><a href="en/home/discovering.html" onfocus="blurLink(this);">Discovering</a></li>
       <li><a href="en/home/touching.html" onfocus="blurLink(this);">Touching</a></li>
       <li><a href="en/home/feeling.html" onfocus="blurLink(this);">Feeling</a></li>
       <li><a href="en/home/wanting.html" onfocus="blurLink(this);">Wanting</a></li>
       <li><a href="en/home/trusting.html" onfocus="blurLink(this);">Trusting</a></li>
       <li><a href="en/home/expecting.html" onfocus="blurLink(this);">Expecting</a></li> 
       <li><a href="en/home/relaxing.html" onfocus="blurLink(this);">Relaxing</a></li>
      </ul>
  </li>
  <li onmouseover="show(this)" onmouseout="hide(this)"><a href="en/sensualmedics-ag.html" onfocus="blurLink(this);">Sensualmedics AG</a>

etc. ... 
 <ul> 


Ich hoffe, Ihr könnt mir auch dieses Mal wieder helfen. Herzlichen Dank im Vorraus ...

[max.m]

Zu Deiner Frage hab ich leider keine Lösung, aber auch im FF 2.0.0.5 scheint sie nicht 100% korrekt zu funktionieren:
Wenn ich auf der Seite News bin, und dann mit der Maus über "Home" fahre, überlagert das ausgeklappte Menü die Überschrift "News".

Gruß max.m

[Kafkaesk]

Zitat von max.m

Zu Deiner Frage hab ich leider keine Lösung, aber auch im FF 2.0.0.5 scheint sie nicht 100% korrekt zu funktionieren:
Wenn ich auf der Seite News bin, und dann mit der Maus über "Home" fahre, überlagert das ausgeklappte Menü die Überschrift "News".

Gruß max.m

Das ist nicht schlimm. Es würde doch keinen Sinn machen, wenn die Überschrift das Ausklapp-Menü überlagert, oder was meinst Du?

[max.m]

Das natürlich auf gar keinen Fall, aber evtl. die Überschrift so setzen, dass sie nicht überlagert wird?

[Mich@el]

n´Abend Alexander!
Den Fehler (IE Hack) den Dein Menü im IE6 verursacht bzw. verhindert habe ich nicht gefunden.
Mit was ich Dir vielleicht helfen kann, ist eine ähnliche Navigation aufgebaut wie Deine nur ohne JS.
Die könntest Du entsprechend Deiner Navi angleichen?!

Grüße
Michael

[ingozen]

Spar dir doch das ganze gehandlere und nimm das hier

[Kafkaesk]

Zitat von ingozen

Spar dir doch das ganze gehandlere und nimm das hier

Guter Link, Ingo, aber irgendwie haute das bei mir nicht hin. Habe den Fehler aber auch so gefunden. Eine kleine Umstellung des Javascripts und schon klappte es auch im IE 6:

PHP-Code:

<script type="text/javascript">
  //<![CDATA[
  function show(element){

           element.className += "hover";
  }

 function hide(element){
           element.className = element.className = "";
 }
 //]]>
</script>