Impossibile eliminare margine da link

[paglia_s]

Ho un menù fatto da elemnti "li" con all'interno dei link, c'è un noioso margine per ogni elemento che non riesco ad eliminare.

Il codice css relativo all'elemento #menu è questo:

#menu {
	padding-top: 15px; 
}


#menu li{
	display: inline;
	list-style-type: none;
}


#menu a {
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size: 11pt;
	padding-bottom: 26px;
	padding-top: 30px; 
	padding-left: 17px;
	padding-right: 17px;
	/*-webkit-transition-property: background;
	-webkit-transition-duration: 0.4s;
	-webkit-transition-timing-function: ease-out;
	
	-moz-transition-property: background;
	-moz-transition-duration: 0.4s;
	-moz-transition-timing-function: ease-out;
	
	
	-o-transition-property: background;
	-o-transition-duration: 0.4s;
	-o-transition-timing-function: ease-out;

	transition-property: background;
	transition-duration: 0.4s;
	transition-timing-function: ease-out;*/
	border-right: 2px solid #c1481e;
	
}


#menu a:hover {
	background: #c1481e;
}

L'html questo:

<div id="menu">
					<ul>
						[*]Ultimi
						[*]Preferiti 
						[*]Aggiornati
						[*]Categorie  
					[/list]
				</div>

Potete vedere quello che succede a questo indirizzo http://projects.paglias.net/ppa/