Problème avec <li> avec Internet Explorer

Bonjour,

J'ai un menu tout simple sur mon site. Sous Firefox et Safari, pas de problème tout va bien, sous Internet explorer il ne met pas chaque <li> à la ligne.

Voilà mon code HTML

<div id="MENU">

<ul>


<li><a href="index_test.php?page=orpheus" target="_top">ORPHEUS</a></li><br />

<li><a href="index_test.php?page=technology" target="_top">TECHNOLOGY</a></li><br />

<li><a href="index_test.php?page=products" target="_top">PRODUCTS</a></li><br />

<li><a href="index_test.php?page=news" target="_top">NEWS & EVENTS</a></li><br />
 
<li><a href="index_test.php?page=distributors" target="_top">DISTRIBUTORS</a></li> <br />

 
</ul>	

</div>

Et voila le CSS

#MENU {
	position:absolute;
	left:0px;
	width:278px;
	height:419px;
	margin:0px;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	top: 25%;
	float:left;
	filter:alpha(opacity=90);
	opacity:.90;
}


#MENU ul {
	position:absolute;
	top: 33px;
	left: 0px;
	width:auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style: none;
	}
	
	
#MENU li {
	background: #FFFFFF;
	border-left: 0px solid #999;
	float: left;
	margin: 0;
	padding: 0;
	display:inline;
	}
	
#MENU a {
	padding: 5px 10px;
	text-decoration: none;
	font-size:16px;
	font-weight:normal;
	line-height:25px;
	text-decoration:none;
	outline:none;
	color:#CCCCCC;
	
	}
	
#MENU a:hover {
	color: #333;
	text-decoration:none;
	}
	
#MENU a:active {
	color:#0066FF;
	
	}