Dropdown menu not working properly in IE

Get Started
1

Hi guys,

I have a drop down menu that is working fine in chrome and firefox but not in ie.

In ie, when I hover over the menu link, the sub menu shows as it should. However when I bring my mouse down to the third sub menu li the sub menu disappears.

This only happens in ie.

Below is the html code:


<!--Menu section begins-->
		<div id="menu">
			<ul>
				<li id="link_menu">
					<h2>Link Menu</h2>
					<ul>
						<li><a href="#info" title="Find out my details">My Personal Details</a></li>
						<li><a href="#home_town_float" title="Find out about my home town">My Home Town</a></li>
						<li><a href="#achievement" title="Find out about my acheivements">My Achievement</a></li>
						<li><a href="#listdemo">Books, movies, and music</a></li>
						<li><a href="#tabledemo">Swinburne Timetable</a></li>
						<li><a href="#search_swinburne">Search Swinburne</a></li>
					</ul>
				</li>
			</ul>
		</div>
<!--Menu section ends-->
<!--Personal details section begins -->
	<div id="info" class="section">
		<h2>My Personal Details</h2>
		<dl>
			<dt>Name and details</dt>
				<dd>My details blah blah blah</dd>
			<dt>Student <abbr title="Identification Number">ID</abbr></dt>
				<dd>ID number</dd>
			<dt>Email</dt>
				<dd>Email details</a></dd>
		</dl>
		<p>
			<a href="#menu" title="Back to menu">Menu</a>
		</p>
	</div>
<!--Personal details section ends-->

CSS code:


#menu{
	float:right;
	padding: 0px;
	width: 172px;
	margin: -2px 0 0 0;
	border: 3px double #653332;
	
}#menu a:link{
	text-decoration: none;
	color: yellow;
}
#menu a:visited{
	color: yellow;
	text-decoration: none;
}
#menu a:hover{
	color: white;
}
#menu:hover ul ul{
	display: block;
}
#menu ul ul{
	display: none;
	list-style: none;
	padding: 0px;
	background-color: #cd3301;
}
#menu ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	background-color: #ffcb99;
}
#menu ul ul li{
	border-top: white dashed 2px;
	padding: 5px;
	font-family: "Comic Sans MS";
	font-size: 10pt;
}
#menu h2{
	margin: 0 0 0 5px;
	font-family: "Comic Sans MS";
	color: #cc6601;
	font-size: 12pt;
}
.section h2{
	padding: 4px;
	text-indent: 5px;
	color: #4F2412;
	background-color: #C9A798;
}

Thanks