Menu : texte qui dépasse [ Réglé ]

Bonjour , mon menu a un problème sous Firefox :

http://www.blog4ever.com/test/Image1.png

Sous IE par contre c'est nickel :

http://www.blog4ever.com/test/Image2.png

Voici la partie concernée de la feuille de style CSS :

#menu_gauche {
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	width: 170px;
}

html > body #menu_gauche {
	float: left;
	margin: 35px 0 10px 10px;
}

#menu_gauche ul{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type : none;
}

#menu_gauche ul li{
	margin: -1px 0 0 0;
	padding: 0 0 0 0;
        border: 1px solid #43689F; 
        background: #E5ECF7;
        width: 170px;
}

#menu_gauche ul li a{
	background: #E5ECF7;
	padding: 0 0 0 0;
	margin:  0 0 0 0;
	width: 170px;
        height: 25px;
	line-height: 25px;
	text-decoration: none;
        font: 10pt Trebuchet MS;
}

html > body #menu_gauche ul li a{
	display: block;
	width: 170px;
}

#menu_gauche ul li a:hover{
	background: #A4BCE0;
	margin: 0 0 0 0;
	line-height: 25px;
        height: 25px;
	padding: 0 0 0 0;
        font: 10pt Trebuchet MS;
}

Liens :
_ adresse d'exemple : http://kinglouis.blog4ever.com/blog/index-1.html
_ feuille de style : http://kinglouis.blog4ever.com/blog/style1.css

Ma question est : savez vous comment faire pour que la case s'agrandisse ( comme sous IE ) et ainsi le texte ne dépasse pas de sa case ?

Merci d'avance
Modifié par KingLouis (13 Jun 2005 - 13:04)

Hum, je pense que c'est cause de cette ligne que la case ne s'agrandit pas:

#menu_gauche ul li a{
background: #E5ECF7;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 170px;
[#red]height: 25px;[/#]
line-height: 25px;
text-decoration: none;
font: 10pt Trebuchet MS;
}

Retire la, et, si tu veut que tes case ne colle pas le texte, met un margin aux lien ou un padding aux cases

Nickel merci !

Voilà le code final :

#menu_gauche ul li a{
	background: #E5ECF7;
	padding: 3px 0 3px 0;
	margin:  0 0 0 0;
	width: 170px;
	line-height: 25px;
	text-decoration: none;
        font: 10pt Trebuchet MS;
        	display: block;
}


#menu_gauche ul li a:hover{
	background: #A4BCE0;
	margin: 0 0 0 0;
	line-height: 25px;
	padding: 3px 0 3px 0;
        font: 10pt Trebuchet MS;
}

Bonne journée