Problema menu orizzontale

[pippo26]

Ciao a tutti, non riesco a centrare in verticale le voci presenti nel mio menu, ogni singola voce è separata da un'immagine:

CSS

#divmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/bg-menu.jpg);
	background-repeat: repeat-x;
	height: 30px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	border: 1px solid #DEDEDE;
	text-align: left;
}

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

#divmenu ul,li{
	display: inline;
	
}

#divmenu ul,li,a{
	color: #FF0000;
	text-decoration: none;
}

HTML

<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <th height="30" align="left" valign="middle" scope="col">
	<div id="divmenu">
	<ul>
	[*]COMPANY[img]images/space-menu.jpg[/img]
	[*]CONTACTS[img]images/space-menu.jpg[/img]
	[/list]
	</div>
	</th>
  </tr>
</table>

Grazie spero in voi...

[Mich_]

Il codice HTML che hai scritto non e` corretto. E troverei molto difficile inventare un CSS per far funzioniare un codice HTML sbagliato.

Ci sono tre tipi di liste in HTML: <ul>, [list=1], <dl>.
Il tuo codice puo` ricadere in una <ul> (lista non ordinata) o in una <dl> (lista di definizione) a seconda del valore informativo delle immagini.
Se le immagini sono parte del contenuto informativo (senza quelle il messaggio e` incompleto o distorto), devi usare una <dl>; se invece le immagini sono abbellimenti, devi inserirle come sfondi di oppure come list-type-image dei[*] di una <ul> (non importa se le vuoi a destra, quello poi si corregge).