[Résolu] Espacement dans un menu horizontal

Bonjour,

pour refaire le site de ma boite j'utilise ce menu prit sur listamatic.
vous pouvez voir le résultat à cette adresse temporaire.

Le problème c'est qu'il y a un espacement entre le bord d'un élément et le début de l'autre. c'est disgracieux .

voici le code html du menu

    <div id="menu">
        <ul>
        
          <li class="first"><a href="#" title="Retour &agrave; l'accueil">Accueil</a></li>
        
          <li><a href="#">Informations</a></li>
        
          <li class="active"><a href="#">Services</a></li>
        
          <li><a href="#">Solutions</a></li>
        
          <li><a href="#">Galerie</a></li>
        
          <li class="last"><a href="#">Partenaires</a></li>
        
        </ul>
    </div>

et du css

#menu {
	width : 100%;
}

#menu ul
{
	padding: .2em 0;
	margin:0;
	list-style-type: none;
	background-color: #FFB563;
	color: Black;
	font: normal 90% arial, helvetica, sans-serif;
	text-align: center;
}

#menu li { 
	display: inline; 
}

#menu li a
{
	text-decoration: none;
	color: Black;
	padding: .2em 1em;
	border-right: 1px solid #fff;
}

#menu li.last a{
	border-right: none;	
}

#menu li.active a{
	background-color: #369;
	color: #fff;
}

#menu li a:hover
{
    background-color: #369;
    color: #fff;
}

donc d'après mes essais ce n'est pas les marges internes ou externes, ni les bords ni rien du tout.

Bref je sèche
Si vous avez une solution Dieu vous le rendra au centuple

Merci d'avance.
Modifié par Shagshag (02 Apr 2007 - 14:15)

Re bonjour,
J'ai résolu mon problème (merci stéphane ), comme la liste est en display:nline, le navigateur insère un espace entre les différents élémets comme si c'était des mots.

Il faut donc annuler cet espacement.
le css devient donc

#menu ul
{
	padding: .2em 0;
	margin:0;
	list-style-type: none;
	background-color: #FFB563;
	color: Black;
	font: normal 90% arial, helvetica, sans-serif;
	text-align: center;
[b]	word-spacing : -1em;
	_white-space : 0;
	_word-spacing : -0.2em;
[/b]}

il faut noter que IE interprète word-spacing de façon différente d'où le hack. Il faudrait mettre le css propre à IE dans un fichier à part évidemment.

A+
Modifié par Shagshag (23 Feb 2006 - 18:45)