Pb de background sur les balises li

bonjour,

IE m'énerve, comme d'habitude d'ailleur.
Voila mon pb :

J'ai un menu du style :

<ul>
  <li><a href="..." class = "current">home</a></li>
  <li><a href="..." class = "not-current">menu2</a></li>
  <li><a href="..." class = "not-current">menu3</a></li>
</ul>

avec ceci en style css :

ul{
display:inline; 
height:20px;
}
li{
	width:100%;
	height:20px;
	border:1px solid #5B6B7C;
	border-bottom:none;
	display:inline;
	background-color:#f7f7ef;
	margin-left:3px;
	padding:0;
}

.current{
	width:100%;
	background-color:#FF9900;
}
.not-current:hover{
	padding:10px;
	width:100%;
	background-color:#FF9900;
}

le probleme c'est que le carré ne se remplit pas totalement il laisse à droite qq px qui ne remplit pas .... mais je ne sais pas pkoi sachant que sous firefox je n'ai pas de problem...
Modifié par bucheron (19 Jun 2006 - 17:19)

j'oubliais

j'ai le padding et le marging définient à 0 pour l'ensemble des balises

j'ai encore un pb :

je n'arrive pas a fixer une hauteur fixe pour chaque li ...

Bonjour et bienvenue parmi nous

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation