ciao a tutti, ho fatto un menu in linea con il seguente codice



codice:
#menubox {
	line-height: 20px;
	color: #FF9900;
	text-decoration: none;
	background-color: #FFFFFF;
	margin: auto;
	height: auto;
	width: 90%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
}
ul {
	display:block;
	margin: auto;
	height: auto;
	width: 800px;
}
li {
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	display: inline-block;
	margin: auto;
	height: auto;
	width: 195px;
}
a {
	color: #FF9a00;
	text-decoration: none;
	width: 200px;
	display: block;
}
a:hover {
	color: #0066CC;
	text-decoration: none;
}

codice:
<div id="menubox">

<ul>
[*]link[*]link[*]link [*]link
[/list]

</div>


in firefox , opera e safari non da problemi, finche nojn arrivo in IE e mi si vedono messi in colonna e con dei puntini di lato.....


come posso risolvere?

grazzie a tutti in anticipo.