vertical-align in <div>

[Gina]

Hallo zusammen,

habe grad ein ähnliches Problem, wie Wolfgang. In einem Fenster ist links ein div-Container: 15% Breite, 580px Höhe, da die Angabe height:100% mir nicht das gewünschte Ergebnis bringt: der div-Container ist nicht annähernd 100% des Fensters hoch.

div.menu {  
	float:left;  
	width:15%;  
	min-height:580%;  
	background-color:#3F3F3F;  
	color:#FFFFFF;  
}  

In diesem Container möchte ich eine Aufzählliste(ein Menü) vertikal mittig ausgerichtet haben, etwa so:

<div class="menu">  
<ul class="mainmenu">  
		<li><h3><img class="icon" src="/icons/HomeFolderIcon.gif" alt="Homefolder">  
			<a href="../home.html" id="home">Home</a></h3><ul>  
  
			<li><a href="../aboutMe">  
				<img class="icon" src="/icons/GenericFolderIcon.gif" alt="&uuml;ber mich">&Uuml;ber mich</a></li>  
  
			<li>	<img class="icon" src="/icons/GenericFolderIcon.gif" alt="News"><em>News</em></li>  
			<li><a href="../gallery">  
				<img class="icon" src="/icons/GenericFolderIcon.gif" alt="Galerie">Galerie</a></li>  
			<li><a href="../links">  
				<img class="icon" src="/icons/GenericFolderIcon.gif" alt="Links">Links</a></li>  
			<li><a href="../thanks">  
				<img class="icon" src="/icons/GenericFolderIcon.gif" alt="Thanks">Danke</a></li>  
  
		</ul></li>  
</ul>  
</div>

Der zugehörige CSS-Schnipsel sähe dann folgendermassen aus:

ul.mainmenu {  
	position:fixed;  
	vertical-align:middle;  
}

Genau das vertical-align funktoniert so aber nicht. Warum?

Danke Euch Nachtschwärmern (so wie ich :-) ) schon mal im Vorraus

Gina