css menu doet het niet in IE, wel in ff

[moonliner]

Ik zag geen categorie CSS, dus maar zo, als het niet goed is hoor ik het wel.

Ik heb een menu die wel werkt in IE, maar wel in FF. Ik bedoel, hij klapt niet open naar de submenu's in IE. Weet iemand hier een oplossing voor?

voorbeeld: www.moonliners.nl/cssmenu.htm

Hier de CSS:

a {
font-weight:bold;
text-decoration:none;
color:black;
}
a:hover {
color:#cc0000;
}

/* algemene positionering */

div#content {
margin-left:200px;
width:400px;
}

ul#menu {
position:absolute;
left:25px;
top:2em;
}

/* Het 100% CSS menu */

ul, li {
margin:0;
padding:0;
display:block;
}

ul {
list-style:none;
width:150px;
padding:2px;
border:1px solid gray;
background:#fffcf0;
}

li {
position:relative;
padding:3px;
background:#fffcf0;
border:1px solid #fffcf0;
border-right:5px solid #ffcc33;
z-index:9;
}

li.folder {
border-right-color:#cc0000;
}

/* decoratieve hover */

li:hover {
border:1px solid gray;
background:#fffcf0;
z-index:15;
}

/* Alle subnavigatie verbergen */

ul ul {
position:absolute;
display:none;
right:-140px;
top:4px;
}

/* :hover, met specificity */

li:hover ul ul {
display:none;
}

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

body {
font-family:arial,tahoma,verdana,helvetica;
font-size:12px;
background:#fffcf0;
}

p.intro {
font-weight:bold;
font-style:italic;
}

h1 {
font-size:140%;
}

h2 {
font-size:125%;
}

 

[mrniceguy2002]

Hey,

Dit probleem had ik laatst ook en zit hem in het punt dat IE alleen een :hover kan toekennen aan een link >> a

Je zou het kunnen oplossen met een .htc bestand, maar die kan ik nu niet meer vinden en heb ik zelf ook nog nooit getest. Anders zou je de hover-events moeten verplaatsen naar je tekst. Zodat je over de tekst gaat, het menu uitklapt.

Ik vind het menu trouwens vet, die ga ik ook eens gebruiken ^^

Ik hoop dat je hier wat aan hebt,

grtz