Lista inline, ma centrata verticalmente

[Scream]

Qualcuno sa come realizzare una lista centrata verticalmente in un div?

In pratica ho questo css

#header {
	position: relative;
	height: 81px;
	background: url('../images/testata.png') no-repeat;
	width: 100%;
	margin: 10px auto 20px auto;
        vertical-align:middle;
}

#header ul {
    display: inline;
    vertical-align: middle;
}

#header ul li {
    padding-right: 40px;
    list-style: none;
    display: inline;
}

Nella pagina ho questo:

<div id="header" >
<ul>[*][img]images/logo.png[/img][*]Link1[*]Link2[*]Link3[/list]
</div>

Il file logo.pnd è alto 50px e vorrei che i vari link fossero allineati centralmente in altezza, mentre ora sono allineati in basso.

Grazie

[Mich_]

Definire inline degli oggetti di tipo blocco non e` una bella soluzione: puo` avere effetti collaterali.

Il vertical-align puo` essere usato solo in contesto di tabelle, per cui nel tuo caso non ha effetto (salvo in qualche browser).

Prova a vedere se questa formattazione assomiglia a quello che vuoi ottenere:

#header {
  height: 81px;
  background: url(../images/testata.png) no-repeat;
  width: 100%;    /* e` necessario che il contenitore abbia larghezza definita */
  margin: 10px 0 20px 0;
}

#header ul {
  margin: auto;
  line-height: 100%;
  background: red;   /* solo per le prove */
}

#header ul li {
  padding-right: 40px;   /* questo rischia di sballare la centratura orizzontale */
  list-style: none;
  float: left;
  line-height: 100%;
  background: white;   /* solo per le prove */
}