Menu verspringt in Internet Explorer

Hallo!

Ik ben bezig met een website op http://www.ongewoonalieke.nl

In Firefox, Chrome & Safari werkt de website prima, maar Internet Explorer doet moeilijk. Het menu bovenaan wordt niet juist weergegeven in deze browser. De tekst gaat omhoog en er verschijnt een witte rand in de balk.

Heeft iemand een oplossing voor dit probleem?

Dit is de CSS van de navigatie:

/* navigation */

#menu {
	width: 100%;
	height: 29px;
	border: 1px solid #1d120c;
	margin-top: 30px;
	clear: both;
	position: relative;
	z-index: 10;
}

#menu ul {
	display: block;
}

#menu ul li {
	float: left;
	display: block;
	height: 30px;
}

#menu ul li a {
	color: #1d120c;
	line-height: 28px;
	text-decoration: none;
	padding: 6px 20px 8px 20px;
	position: relative;
}

#menu ul.menu li.current_page_item, #menu ul.menu li.current_page_parent, #menu ul.menu li.current_page_ancestor {
	background: url(../images/bg-menu-arrow.gif) no-repeat bottom center;
	height: 37px;
}

#menu ul.menu ul li.current_page_item, #menu ul.menu ul li.current_page_parent, #menu ul.menu ul li.current_page_ancestor {
	background-image: none;
	height: auto;
}

#menu ul li.current_page_item a, #menu ul li.current_page_parent a, #menu ul li.current_page_ancestor a, #menu li:hover a {
	color: white;
	background: #1d120c;
}

#menu ul li.current_page_item ul a, #menu ul li.current_page_parent ul a, #menu ul li.current_page_ancestor ul a {
	color: #1d120c;
	background: white;
}

#menu ul.menu ul {
	visibility: hidden;
	position: absolute;
	overflow: visible;
}

#menu ul.menu ul li {
	float: none;
	width: 170px;
	height: 30px;
	border-bottom: 1px solid #1d120c;
	display: block;
	background: #1d120c;
	position: relative;
}

#menu ul.menu ul li a {
	display: #1d120c;
	background: #1d120c;
	color: white;
	padding: 5px 0px 10px 10px;
	width: 150px;
	height: 20px;
}

#menu ul.menu ul ul{
	position: relative;
	left: 170px;
	top: -35px;
}

#menu ul.menu li:hover ul ul, #menu ul.menu li:hover ul ul ul, #menu ul.menu li:hover ul ul ul ul{
	visibility: hidden;
}

#menu ul.menu li:hover ul, #menu ul.menu li li:hover ul, #menu ul.menu li li li:hover ul, #menu ul.menu li li li li:hover ul{
	visibility: visible;
	color: white;
	background: #1d120c;
}