CSS - Menu vertical

Bonjour,

Je suis en train de réaliser un menu en CSS vertical pour mon site. Ce menu est basé sur une liste. Comme vous pouvez le voir ci-dessous.

		<div class="boiteNavigation">
			<h1>..:: Menu ::..</h1>
			<ul>
				<li><a href="#">Accueil</a></li>
				<li><a href="#">Présentation</a></li>
				<li><a href="#">Soirées</a></li>
				<li><a href="#">STAFF</a></li>
				<li><a href="#">Sponsors</a></li>
				<li><a href="#">Photos</a></li>
				<li><a href="#">Forum</a></li>
				<li><a href="#">Livre d'Or</a></li>
			</ul>
		</div>

CSS

.boiteNavigation {
	border: 1px solid #3B424A;
	background-color:#efefef;
	margin-bottom:10px;
}
.boiteNavigation h1 {
	background-image: url(headerBg.gif);
	background-repeat:repeat-x;
	background-position:top;
	color:#FFFFFF;
	margin:-1px;
	padding-top:3px;
	font-size:12px;
	height:20px;
	text-align:center;
}
.boiteNavigation a {
	font-weight: normal;
	display: block;
	padding: 5px 10px 5px 10px;
	color: #303955;
	text-decoration:none;
}

.boiteNavigation a:active, .boiteNavigation a:hover {
	background-color: #ffffff;
	border-top: 1px solid #3B424A;
	border-bottom: 1px solid #3B424A;
	display: block;
	padding: 4px 10px 4px 10px;
	color: #3B424A;
	text-decoration:none;
}

.boiteNavigation ul {
	margin:0;
	padding: 0;
	list-style:none;
}

.boiteNavigation li {
	display: block;
	margin:0;
	padding:0;
}

.boiteNavigation > ul > li:last-child a:active, .boiteNavigation > ul > li:last-child a:hover {
	border-bottom-color: #ffffff;
}

.boiteNavigation > ul > li:first-child a:active, .boiteNavigation > ul > li:first-child a:hover {
	border-top-color: #ffffff;
}

Sous Firefox, le menu marche parfaitement bien. Par contre ce menu ne fonctionne pas correctement sous IE. IE rajoute un espace entre les balises <li>. Cela fait quelques jours que je cherche mais je ne trouve pas de solution. Pouvez-vous m'aider ?

Je vous remercie d'avance...

rajoute une hauteur et une largeur a ton .boiteNavigation a
tu men dira des nouvelles

Benoit

En effet, cela corrige bien le problème. Merci beaucoup...

Juste, comment je peux faire pour aligner le texte verticalement dans le menu ?

Utilise un padding-top et bottom !? mais je ne comprend pas très bien ta question.

Chaque entrée dans mon menu forme une "boite". Tu peux le voir la : dev.hot-nights.ch

Donc j'aimerais que le texte dans ces boites soit aligné verticalemet.

J'espère que j'ai été plus clair...

Je crois qu'il te faut definir un height et un line-height de meme valeur a tes cellulles <li>.