javascript+css: link

Ik heb een menubalkje, bestaande uit 4 'gewone' links, en 3 links die met behulp van Javascript worden aangemaakt. Dit omdat die 3 linkjes submenuutjes hebben, dus een soort van dropdownmenu leek mij wel leuk :)

Maar nu: bij 2 van de 3 linkjes verdwijnt de opmaak zodra je eroverheen hovert. De 3e link blijft echter zoals die zijn moet, evenals de 4 gewone links. Volgens mij is de code van die links (in ieder geval tussen de 3 Javascript links onderling) exact hetzelfde.

In Firefox raakt de gehele opmaak daarvan in de war, in IE valt het nog mee. De volgorde van de linkjes in css is gewoon link, visited, hover, active zoals dat ook voorgeschreven wordt.

Voor een voorbeeld: klik (eigen server, gaat 's avonds uit).

Mocht je relevante PHP code willen zien, dan kan je dat altijd vragen :)

volgens mij moet je in je css niet .hover gebruiken maar :hover of :active, dat is wat ik altijd doe en wat bij mij altijd werkt...

Waar zie je dat staan dan?! In mijn CSS staat namelijk gewoon :hover, maar wel met een klasse erin: a.menuLink:hover (op soortgelijke wijze link, active en visited opgemaakt)
Ja, eigenlijk wel. Maar het staat nog altijd met een k op het briefpapier ^^ Maar ik heb idd instructies gekregen de website alvast 'future-proof' te maken :)

Ik niet waar het aan ligt maar ik vind het wel mooi eigenlijk :)

Maar dat verklaart niet waarom de meeste rechte javascript link (routebeschrijving) het wel doet?

@Klaasjan: bedankt :)

Edit:
@Gijs: lost niks op :(

Ik vermoed zelf dat het CSS is, maar ik kan echt niks geks vinden. CSS valideert ook gewoon (wel wat waarschuwingen), evenals de HTML.

ik heb het zelfde probleem gehad

doe:
margin-bottom: -5px;
en als het in ie het geval is:
//margin-bottom: -4px;

dan moet ik ff je css bekijken... moment

Lekker vriendelijk van Opera als ik mijn localhost bezoek :S

Maar dat terzijde, ik zie het. Het menuutje komt niet naar beneden, maar dan werkt de hover weer wel. ^^

Opgelost! Ik weet niet hoe of wat, maar het probleem is verholpen :)

In plaats van een id aan de menulinks mee te geven, heb ik nu alle links in de div #menubar dezelfde opmaak gegeven als eerst. Komt in feite op hetzelfde neer.

Mijn vermoeden voor het incorrecte werken van het menu: het uitschuifmenu gaat over een andere div, waardoor de eigenschappen van die div overgenomen worden (dus links in bijv. #content) voor de menulinks. Dat verklaart waarom het alleen optrad bij de 'uitklapitems'.
Ook meldde ik al eerder een grote witruimte tussen de items in een uitklapmenu onderling. Ik ben erachter gekomen dat de line-height in #content van invloed was hierop. Haalde ik deze line-height weg, dan was alles weer ok. Ook dit ondersteunt het idee dat eigenschappen van andere div's werden overgenomen (alle div's in mijn code waren bij mijn weten overigens goed geopend en gesloten).

Dit verklaart echter niet waarom de 3e link van links wél goed behouden bleef, en waarom het verschijnsel niet optrad als je niet over andere links hoverde. Bovendien had ik een id meegegeven aan de links, en dan zouden geen andere eigenschappen overgenomen mogen worden!

Concluderend: geen idee waarom het verschijnsel optrad, maar geen id's meegeven aan de links verhelpt het probleem :)
Mocht er iemand zijn die de exacte oorzaak weet, dan verneem ik dat graag!

Edit:
En mijn theorie verklaart natuurlijk ook niet, waarom het verschijnsel nu niet meer optreed! Immers, de uitklapdingetjes gaan nu nog steeds over andere div's...