#menu {

}

#menu ul {
	list-style: none;
	padding: 0;
	float: left;
	margin-top:2px;
	font-size: 12px;
}

#menu a, #menu h2 {
	
}

#menu h2 {

}

#menu a {
}

#menu a:hover {
}

#menu li {
	position: relative;
}

#menu ul ul {
	position: absolute;
	z-index: 500;
}

#menu ul ul ul {
	top: 0;
	left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul{
	display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul{
	display: block;
}

<!--[if IE]>
	<style type="text/css" media="screen">
		body {
			behavior: url(csshover.htc);
			font-size: 100%;
		}

		#menu ul li {
			float: left; 
			width: 100%;
		}

		#menu ul li a {
			height: 1%;
		} 

		#menu a, #menu h2 {
			
		}
	</style>
<![endif]-->