Suckerfish dropdown probleem in IE

[F97]

Ik maak gebruik van sons of suckerfish dropdowns maar heb een probleem in MSIE (6). Het dropdown menu komt niet voor de titel. Ik probeer het op te lossen door een z-index op het menu te zetten, wat helpt in Firefox, maar niet in MSIE. Heeft iemand een oplossing?



Zo ziet het er dus uit in IE. Terwijl het er als volgt zou moeten uitzien ->



De CSS die ik gebruik voor de dropdown is deze:

Cascading Stylesheet:

#navigatie li ul {
    position: absolute;
    left: -999em; 
    top: 16px;
    margin: 0;
    background-color: #ff9600;
    }
  
#navigatie li ul li {
    display: block;
    margin: 0;
    }

#navigatie li:hover ul, #navigatie li.sfhover ul { 
    left: 0;
    z-index: 50;
    }

De pagina staat hier (staat rest van code ook in).

[BtM909]

Je hebt niet op de juiste plek de z-index gezet

Cascading Stylesheet:

#navigatie li {
  display: inline;
  position: relative;
  z-index: 50;
}

[F97]

BtM909 schreef op donderdag 10 februari 2005 @ 11:43:
Je hebt niet op de juiste plek de z-index gezet

Aaah, bedankt :-)

En merk net nog een fout. In Firefox blijft het menu opengeklapt. (Is dat een fout door de combinatie css en javascript? Lijkt me ook vreemd, of ik moet ook weer ergens een regel css verkeerd geplaatst hebben. In het voorbeeld van Griffith werkt het, ligt dus aan mij. Maar waar?)

[ Voor 10% gewijzigd door F97 op 10-02-2005 11:49 ]

[Woudloper]

Voorhet stylen van een list kan je ook eens hier, hier, hier kijken. Bij de laatste heb je ook nog een .htc implementatie waarmee je list dropdowns werkend kan krijgen in Internet Explorer...

[Pelle]

Misschien maar ff contact opnemen met de schrijvers van het artikel?

http://www.htmldog.com/ptg/
http://www.danwebb.net/