Buongiorno.
Nel realizzare un menù orizzontale attraverso l'uso di un elenco non ordinato mi si è ripresentato un problema avuto diverso tempo fa.

Questo il codice css:

codice:
ul, li{
margin: 0;
padding: 0;
list-style-type: none;
}

ul li a:link,ul li a:visited,ul li a:active,ul li a:hover,ul li a:focus{
	text-decoration: none;
	width: 80px;
	height: 30px;
	padding: 0;
	margin: 0;
	display: inline-block;
	text-align: center;
        background-color: #333333;
}
Infatti, con il seguente codice html viene riportato un piccolo spazio tra i tasti:

codice:
<ul>[*]link1[*]link2[*]link3[*]link4
<ul>
Se però il codice html si trova su un'unica riga, questo non succede:

codice:
<ul>[*]link1[*]link2[*]link3[*]link4
<ul>
Per quanto non si possa parlare di un vero è proprio errore, vorrei tuttavia capirne la causa e soprattutto sapere se è possibile eliminare questo inconveniente senza dover scrivere tutte le voci dell'elenco di seguito.

Grazie.