problema con hover en una etiqueta div

[xcorpion]

he estado toda la tarde tratando de hacer que funcione pero no me sale, haber si alguien sabe como solucionarlo, lo que quiero hacer es que un <div> tenga un efecto mediante el hover de css, en firefox si funciona pero en ie6 no quiere funcionar, el codigo es este:

Código HTML:

#foldheader{
	cursor:pointer;
	cursor:hand; 
	list-style: none;
}
#foldheader div{
	font-weight:bold;
	font-family:Lucida Sans;
	font-size:12px;
	color:#185584;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:4px;
	border-left:#E78200 2px solid;
	background-color:#CEE7EF;
	width:180px;
}
#foldheader:hover div{
	font-weight:bold;
	font-family:Lucida Sans;
	font-size:12px;
	color:#E78200;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:4px;
	border-left:#185584 2px solid;
	background-color:#CEE7EF;
	width:180px;
}

y la estructura html va mas o menos así

Código HTML:

<ul>
   <li id="foldheader"><div>Menu 1</div></li>
   <ul id="foldinglist" style="background-color:#CEE7EF;width:180px;margin:2px;padding-left:24px;display:none" style=&{head};>
		<li><a class="item" href="http://www.link.com/">Elemento 1</a></li>
   </ul>

</ul> 

[xcorpion]

bueno este codigo es más descriptivo de lo que intento hacer:

Código HTML:

<style>
#foldheader{
	cursor:pointer;
	cursor:hand; 
	list-style: none;
}
.menu{
	font-weight:bold;
	font-family:Lucida Sans;
	font-size:12px;
	color:#185584;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:4px;
	border-left:#E78200 2px solid;
	background-color:#CEE7EF;
	width:180px;
}
.menu:hover{
	font-weight:bold;
	font-family:Lucida Sans;
	font-size:12px;
	color:#E78200;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:4px;
	border-left:#185584 2px solid;
	background-color:#CEE7EF;
	width:180px;
}
</style>
<ul> <li id="foldheader"><div class="menu">Menu 1</div></li> <ul id="foldinglist" style="background-color:#CEE7EF;width:180px;margin:2px;padding-left:24px;display:none" style=&{head};> <li><a class="item" href="http://www.link.com/">Elemento 1</a></li> </ul> </ul> 

he intentado con ambos y no me funciona, esto lo unico que hace es cambiar el color del texto "Menu 1" y el color borde hizquierdo. Ya intente quitando el style=&{head}; y tampoco me funciona

[xcorpion]

bueno el ejemplo que acabo de postear de hecho no funciona tampoco en firefox. He probado tabien con este:

Código HTML:

<style>
#foldheader{
	cursor:pointer;
	cursor:hand; 
	list-style: none;
}
#menu{
	font-weight:bold;
	font-family:Lucida Sans;
	font-size:12px;
	color:#185584;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:4px;
	border-left:#E78200 2px solid;
	background-color:#CEE7EF;
	width:180px;
}
#menu:hover{
	font-weight:bold;
	font-family:Lucida Sans;
	font-size:12px;
	color:#E78200;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:4px;
	border-left:#185584 2px solid;
	background-color:#CEE7EF;
	width:180px;
}
</style>
<ul> <li id="foldheader"><div id="menu">Menu 1</div></li> <ul id="foldinglist" style="background-color:#CEE7EF;width:180px;margin:2px;padding-left:24px;display:none" style=&{head};> <li><a class="item" href="http://www.link.com/">Elemento 1</a></li> </ul> </ul> 

[Remo:Erdosain]

:hover en IE solo funciona para el elemento A.

[xcorpion]

lo he cambiado así pero tampoco funciona:
[HTML]
<style> #foldheader{ cursor:pointer; cursor:hand; list-style: none; } #menu{ font-weight:bold; font-family:Lucida Sans; font-size:12px; color:#185584; padding-left:5px; padding-top:2px; padding-bottom:2px; margin-bottom:4px; border-left:#E78200 2px solid; background-color:#CEE7EF; width:180px; } #menu:hover{ font-weight:bold; font-family:Lucida Sans; font-size:12px; color:#E78200; padding-left:5px; padding-top:2px; padding-bottom:2px; margin-bottom:4px; border-left:#185584 2px solid; background-color:#CEE7EF; width:180px; }
</style>

<ul> <li id="foldheader"><a id="menu">Menu 1</a></li> <ul id="foldinglist" style="background-color:#CEE7EF;width:180px;margin:2px;padding-left:24px;display:none" style=&{head};> <li><a class="item" href="http://www.link.com/">Elemento 1</a></li> </ul> </ul>
[HTML]

[xcorpion]

eureca, ya lo tengo, se me ocurrio agregarle la propiedad href a la etiqueta <a> y listo, mi codigo final va mas o menos asi:

Código HTML:

#foldheader{
	cursor:pointer;
	cursor:hand; 
	list-style: none;
}
#menu{
	font-weight:bold;
	font-family:Lucida Sans;
	font-size:12px;
	color:#185584;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:4px;
	border-left:#E78200 2px solid;
	background-color:#CEE7EF;
	width:180px;
}
#menu:hover{
	font-weight:bold;
	font-family:Lucida Sans;
	font-size:12px;
	color:#E78200;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:4px;
	border-left:#185584 2px solid;
	background-color:#CEE7EF;
	width:180px;
}
<ul> <li id="foldheader"><a href="" id="menu">Menu 1</a></li> <ul id="foldinglist" style="background-color:#CEE7EF;width:180px;margin:2px;padding-left:24px;display:none" style=&{head};> <li><a class="item" href="http://www.link.com/">Elemento 1</a></li> </ul> </ul> 

agradecimientos especiales a <!-- SROHM --> por el interes que mostro y la intencion de ayudar y a Remo:Erdosain por darme la pista que me llevo a la solucion.