dropdown menu in IE8 werkt niet

#nav, #nav ul {
	list-style: none;
	background-color: white;
	float:left;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 5px;
	width: 550px;
}
#nav li {
	background-color: white;
	float: left;
	padding:5px 5px 5px 0px;
	margin: 0px 5px 0px 5px;
	color:black;
	cursor:default;
}
#nav ul {
	background-color:#efefef;
	position: absolute;
	width:140px;
	left: -1000px;
}
#nav li li{
	background-color:#efefef;
	width:140px;
}
#nav li:hover ul {
	left: auto;
}
#nav li li:hover ul {
	left: auto;
}

<div id="menu">
	<ul id="nav">
		<li><a href="#">Home</a></li>
		<li><a href="#">Lid worden</a>
			<ul><li><a href="#">Online aanmelden</a></li>
				<li><a href="#">Voordelen</a></li>
				<li><a href="#">Kosten</a></li>
			</ul>
		</li>
		<li><a href="#">Over de BBK</a>
			<ul><li><a href="#">Ledenvergadering</a></li>
				<li><a href="#">Beleid</a></li>
				<li><a href="#">Bestuur</a></li>
				<li><a href="#">Landelijk Bureau</a></li>
				<li><a href="#">BBK Rijnmond</a></li>
				<li><a href="#">Gewesten</a></li>
				<li><a href="#">Koepelorganisaties</a></li>
			</ul>
		</li>
		<li><a href="#">Publicaties</a>
			<ul><li><a href="#">Krant</a></li>
				<li><a href="#">Nieuwsbrief</a></li>
				<li><a href="#">Administratie ook een Kunst</a></li>
				<li><a href="#">Modelcontracten</a></li>
			</ul>
		</li>
		<li><a href="#">Leden</a>
			<ul><li><a href="#">Disciplines</a></li>
				<li><a href="#">Alphabet</a></li>
				<li><a href="#">Ledenexposities</a></li>
			</ul>
		</li>
		<li><a href="#">Contact</a>
			<ul><li><a href="#">Landelijk Bureau</a></li>
				<li><a href="#">BBK Rijnmond</a></li>
				<li><a href="#">Gewesten</a></li>
			</ul>
		</li>		
	</ul>
</div>

#nav {
	z-index: 1;
}
#nav, #nav ul {
	list-style: none;
	background-color: white;
	float:left;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 5px;
	width: 550px;
}
#nav li {
position: relative;
	background-color: white;
	float: left;
	padding:5px 5px 5px 0px;
	margin: 0px 5px 0px 5px;
	color:black;
	cursor:default;
}
#nav ul {
	background-color:#efefef;
	position: absolute;
	width:140px;
	margin-left: -1000px;
	z-index: 2;
}
#nav li li{
	background-color:#efefef;
	width:140px;
}
#nav li:hover ul {
	top: 1.5em;
	left: 0;
	margin-left: 0;
}
#nav li li:hover ul {
	margin-left: 0;
}