Problem bei IE7 mit Ausklappmenü

[susi1600]

Hallo,

ich benutze auf einer Seite ein Ausklappmenü, das komplett über CSS läuft ist, kein JS.
Mit dem IE6 hat es noch wunderbar geklappt, aber im IE7 klappt das Menü zwar aus, aber fährt man mit dem Cursor über einen Unterpunkt, klappt es sofort wieder zu.

Siehe folgende Seite : Problemkind

der HTML-Code dazu wie folgt (hier nur für einen Menüpunkt):

<div id="header">
<ul>
<li><a class="hide" href="index.php?content=start">Das Magazin</a>

<!--[if lte IE 7]><a href="index.php?content=start">Das Magazin<table><tr><td><![endif]-->
                
      <ul>
           <li><a href="aktuell.htm" target="_blank">aktuelle Ausgabe</a></li>
           <li><a href="naechste.htm" target="_blank">nächste Ausgabe</a></li>
           <li><a href="index.php?content=abo">Abonnement</a></li>
           <li><a href="index.php?content=ben">alles über Ben</a></li>
           <li><a href="index.php?content=emmi">alles über Emmi</a></li>
           <li><a href="index.php?content=intention">Was wollen wir?</a></li>
      </ul>

<!--[if lte IE 7]></td></tr></table></a><![endif]--></li>

</ul> 

und hier das CSS dazu:

        #header, {
        position: auto;
    }
    #header a.hide {
        display: none;
    }
    #header ul {
        list-style-type: none;
        font-family: comic sans ms, sans-serif;
        font-size: 12tp;
    }
    #header ul li {
        position: relative;
        width: 130px;
        height: 30px;
        float: left;
    }
    #header ul li a {
        display: block;
        height: 30px;
        line-height: 30px;
        font-family: comic sans ms, sans-serif;
        font-size: 12tp;
        text-align: center;
        text-decoration: none;
        color: #000000;
        background-image: url(buttons.jpg);
    }
    #header ul li:hover a, #header ul li a:hover {
        color: #000000;
        background-image: url(buttons.jpg);
        background-position: 0px -70px;
    }
    #header ul table {
        width: 130px;
        border-collapse: collapse;
    }
    #header ul ul {
        display: none;
    }
    #header ul li:hover ul, #header ul li a:hover ul {
        position: absolute;
        z-index: 2;
        left: 0;
        width: 130px;
        display: block;
        background-image: url(buttons.jpg);
    }
    #header ul ul li {
        width: 130px;
        display: block;
        float: none;
    }
    #header ul ul li a, #header ul li:hover li a {
        display: block;
        font-family: comic sans ms, sans-serif;
        font-size: 12tp;
        color: #000000;
        text-align: center;
        font-weight: normal;
        background-image: url(buttons.jpg);
        background-position: 0px -70px;
    }
    #header ul ul li a:hover {
        color: #000000;
        background-image: url(buttons.jpg);
        background-position: 0px -35px;
    } 

Kann mir hier jemand weiterhelfen, damit das Menü auch ausgeklappt bleibt, wenn man drüber fährt?

[Kropff]

bin zwar noch kein großer ie7-experte, aber du solltest die ie6-hacks nicht mehr in 7er-version einsetzen. da wurden etliche css-bugs behoben, einige blieben, und einige sind wohl auch dazu gekommen. tipp: eigene ie7-css und dann testen.

gruß
peter

[wahsaga]

Re: Problem bei IE7 mit Ausklappmenü

Original geschrieben von susi1600
Mit dem IE6 hat es noch wunderbar geklappt

Diese "Lösung" ist absolut beschissen - A darf selbstverständlich kein TABLE enthalten ... wer "Lösungen" einsetzt, die sich derart massiv auf die Fehlertoleranz eines Browsers bei absolut schwachsinnigem Code verlassen, sollte sich nicht wundern ...