problema con hover en una etiqueta div

[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>