problema con hover en una etiqueta div

[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