UL > LI > UL > LI Internet explore fout

[Fred033]

Beste Helfmij forum,

Wie zou mij kunnen helpen ik ben bezig met een website en daar heb ik een menu in en het menu heeft een sub menu maar die wil ik pas laten zien zodra ze erover heen gaan met hun muis.

Het werkt perfect in firefox, maar wat doe ik fout of hoe krijg ik dit werkend voor Internet explore

hier onder ziet u een stuk van mijn CSS Style sheet.

#menu > ul > li > ul{
	display:none;
}
#menu > ul > li:hover > ul{
	display:block;
	position:absolute;
	top:0;
	z-index:199;
	background:#BE0044;
	width:150px;
	height:auto;
	margin:50px auto 0;
	padding:0;
	border-radius:0 0 10px 10px;
	-moz-box-shadow: 0px 0px 3px #000; /* Firefox/Mozilla */  
	-webkit-box-shadow: 0px 0px 3px #000; /*Safari/Chrome */  
	box-shadow: 0px 0px 3px #000; /* Opera & hoe het zou moeten */  
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')"; /* Voor IE 8 */  
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000'); /* Voor IE 5.5 - 7 */  
	font-size:13px;
	font-weight:normal;
	color:#fff;
}

alvast bedankt

 

[jorikke]

zou je een stukje html code erbij kunnen geven?

 

[Haaren101]

Welke versie IE?

Ron

 

[csshunter]

Hoi Fred033,
Ik heb je code even in een pagina'tje geplakt, en die ziet er dan zo uit:

• Test: www.developerscorner.nl/csshunter/tests/submenu-ori.htm
• De hover werkt ook in IE7 en IE8.
• Het werkt niet in IE6, want die kent o.a. geen li:hover (alleen a:hover) bij een menu-lijstje.

Wat wel speelt, is dat de positie van het hover-blokje in IE verschilt. Maar dat is ook erg afhankelijk van de rest van de css, die er niet bij staat.
Heb je een complete testpagina online, en ook wat meer info over wat precies het probleem met IE is?

Met vriendelijke groet,
CSShunter