Menu UL LI Résolu --Merci--

Bonjour, je suis en train de créer un menu horizontal mais je n'arrive pas à attribuer une lager à mes <li>
Le code:

<nav>
		<ul id="nav">
			<li><a href="index.php?page=ecole">Accueil</a></li>
			<li><a href="index.php?page=tarifs">Team</a></li>
			<li><a href="index.php?page=contact">Nos Formules</a></li>
			<li><a href="index.php?page=offres">Liens</a></li>
			<li><a href="index.php?page=offres">Contact</a></li>
		</ul>
</nav>

nav {
	float : left;
	width : 1024px;
	height:auto;
	margin : 0px 0px 0px 0px;
	background-color:black;
	}
	
ul#nav {
		width:65%;
		margin: 0;
		padding: 0;
		list-style: none;
		background-color:white;
		border-width:5px 5px 5px 0px;
		border-color: red;
		border-style: solid;
		}

ul#nav li {
	display: inline;
	width:20%;
	color : #006600;
	font : 13px;
	font-weight : bolder;
	text-decoration : none;
	font-family : 'Bevan', Verdana, sans-serif;
	height: auto;
	line-height: 30px;
			}

Comme menu comporte 5 éléments, je souhaiterais que chaque <li> représente 20% de <ul> qui lui fait 65% de nav.

Merci d'avance pour votre aide.
Modifié par tintin_btz (22 May 2013 - 13:36)

Normal un élément inline ne peut pas être dimensionné via des propriété de tailles (ou avoir des marges verticales) >

display: inline-block;

Merci Hermann, je ne comprends pas je t'avais répondu et je viens de m'apercevoir que mon commentaire n'apparait pas.
Grace à toi j'avais pu passer à une autre étape.
Merci et désolé pour ma longue absence.
Modifié par tintin_btz (22 May 2013 - 13:36)