menu css alleen op bepaald punt gebruiken.

Op mijn site http://vincent.fleringen.net/test heb ik een menu.. met dat oranje. Maar nu worden de links in het midden ook op die manier!
Ik wil alleen dat het menu met van die oranje blokjes word en de rest niet... Ik heb al wat geprobeerd maar het werkt niet.. Wie kan mij helpen? Ik zal het script jullie ff laten zien:

<b>De css code voor het menu.</b>

div#menu{
float: middle;
background-color: #ffffff;
width: 385px;
}

	div#menu ul {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
	}

	div#menu a {

	float:left;
	width:65px;
	text decoration: none;
	font: bold 10px "Trebuchet MS", Verdana, sans-serif;
	color:white;
	background-color: #F58A18;
	margin: 5px;
	padding:0.2em 0.7em;

	}
	
	div#menu a:active, a:hover {
	{background-color:#ff3300}
	li {display:inline}
	}

<b> De code van het menu.</b>

<center>
<div id="menu">
<ul>
<li><b><a href="index.php?pagina=home">Home</a></b></li>
<li><b><a href="index.php?pagina=bandleden">Bandleden</a></b></li>
<li><b><a href="index.php?pagina=guitarpro">Guitarpro</a></b></li>
<li><b><a href="index.php?pagina=fotos">Foto's</a></b></li>
<li><b><a href="index.php?pagina=gastenboek">Gastenboek</a></b></li>
</ul>
</div>
</center>