Le comportement est normal. Vertical align n'est pas fait pour placer verticalement des éléments dans un bloc.

:arrow: http://www.yoyodesign.org/doc/w3c/css2/visudet.html#propdef-vertical-align

Tu as des astuces pour l'alignement vertical :
:arrow: http://marcarea.com/weblog/index.php/?2004/10/18/182-10-astuces-css-correction

Bonjour,

j'ai un menu horyzontal et je n'arrive pas a faire en sorte que le texte dans les LI soit centrer verticalement !

voici mon code
[code]
<div class="conteneurmenuho">
<div class="menuhaut">
<ul>
<li><a href="">Menu 1</a></li>
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 3</a></li>
<li><a href="">Menu 4</a></li>

</ul>
</ul>
</div> [/code]

et le css

[code]#menuhaut {
width: 100%;
}

div.menuhaut ul {
list-style-type: none;
margin:0;
padding:0;
width: 100%;
}

div.menuhaut li {
float: left;
padding:0;
margin:0px;
}

div.menuhaut a {
margin: 0 0px;
padding:0;
width: 100px;
height: 22px;
float: left;
display: block;
text-align: center;
vertical-align: center;
text-decoration: none;
color: #fff;
background: #6487dc;
}

div.menuhaut a:hover {
background: #8caae6;
}

div.menuhaut a:active {
background: gray;
color: #fff;
}
.conteneurmenuho {
color: white;
background-color: rgb(100,135,220);
height: 1.9em;
}[/code]

merci de votre aide