Divs vertical ausrichrichten

Hi Leutz,

kann mir einer sagen wie ich in <Div> Vertical ausrichten kann??? Mit
<Div style="vertical-align:center;"> hab ich das schon probiert kann mir da einer helfen???

passiert nichts

ja genau den Inhalt. Ich schreibe gerade eine Navigations leiste wo oben halt Strings stehen. wenn man da mit der Maus raufgeht dann soll ein Dropdown Menü geöffnet werden. Die Worte wo man rauf geht sind ganz oben am Rand der Seite und ich will sie Centriert in dem Div haben. Das Div und die Navi stehen aber in einer Tabelle liegt es daran???? Soll ich dir mal den Quelltext schicken????

<style type="text/css">
body{
font-family: Verdana;
font-size:12px;
background-color:#00214a;
}

.link{
color:#ABD5FF;
text-decoration: None;
}

a.link:hover{
color: #ffffff;
text-decoration: None;
}

.headerborderbottom{
font-family: Verdana;
font-size:11px;
color: #ABD5FF;
text-align: center;
border-bottom: solid 1px #FFFFFF;
width:166px;
height:24px;
z-index:0;
}

.headerborderbottommenue5{
font-family: Verdana;
font-size:11px;
color: #ABD5FF;
text-align: center;
border-bottom: solid 1px #FFFFFF;
width:164px;
height:24px;
z-index:0;
}

.menueitem{
font-family: Verdana;
font-size:11px;
color: #ABD5FF;
border-bottom: solid 1px #748ca5;
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
background-color: #315273;
}

.bottommenueitem{
font-family: Verdana;
font-size:11px;
color: #ABD5FF;
border-bottom: solid 1px #FFFFFF;
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
background-color: #315273;
}
</style>
<script type='text/javascript'>
function anzeigen(das){
if(document.getElementById(das).style.display=='none')
document.getElementById(das).style.display='block';
else document.getElementById(das).style.display='none';}
</script>
<table cellpadding=0 cellspacing=0 width="828" style="position: absolute; top: 10px; left: 0px; ">
<tr>
<td valign=top>
<div onMouseover="anzeigen('menue#1')" onMouseout="anzeigen('menue#1')">
<div style="vertical-align:middle;" class="headerborderbottom">HOME</div>
<div id="menue#1" style="display: none;width:166px;z-index:10; margin-top:-1px;">
</div>
</div>
</td>
<td valign=top>
<div onMouseover="anzeigen('menue#2')" onMouseout="anzeigen('menue#2')">
<div class="headerborderbottom">
COMPANY
</div>
<div id="menue#2" style="display: none;width:166px;z-index:10; margin-top:-1px;">
<div class="menueitem">[url='']Contact/Departments:[/url]</div>
<div class="menueitem">[url='']&middot;Management[/url]</div>
<div class="menueitem">[url='']&middot;Chartering[/url]</div>
<div class="menueitem">[url='']&middot;Operating[/url]</div>
<div class="menueitem">[url='']&middot;S & P[/url]</div>
<div class="menueitem">[url='']&middot;Administration& &nbspCrewing[/url]</div>
<div class="menueitem">[url='']&middot;Insurance[/url]</div>
<div class="menueitem">[url='']&middot;Technical & Nautical Department[/url]</div>
<div class="menueitem">[url='']&middot;Safety Management[/url]</div>
<div class="menueitem">[url='']&middot;Procurement[/url]</div>
<div class="menueitem">[url='']&middot;Accounting & Controlling[/url]</div>
<div class="menueitem">[url='']Profile[/url]</div>
<div class="menueitem">[url='']Vacancies:[/url]</div>
<div class="menueitem">[url='']&middot;Shore Staff[/url]</div>
<div class="menueitem">[url='']&middot;Seagoing Staff[/url]</div>
<div class="menueitem">[url='']Gallery:[/url]</div>
<div class="menueitem">[url='']&middot;Ships[/url]</div>
<div class="menueitem">[url='']&middot;Launching Ceremonies[/url]</div>
<div class="bottommenueitem">[url='']&middot;Headquarter[/url]</div>
</div>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#3')" onMouseout="anzeigen('menue#3')">
<div class="headerborderbottom">
FLEET
</div>
<div id="menue#3" style="display: none;width:166px;z-index:10; margin-top:-1px;">
<div class="menueitem">[url='']Panamaxes:[/url]</div>
<div class="menueitem">[url='']&middot;Clara[/url]</div>
<div class="menueitem">[url='']&middot;Christina[/url]</div>
<div class="menueitem">[url='']&middot;Carola[/url]</div>
<div class="menueitem">[url='']Superhandymaxes:[/url]</div>
<div class="menueitem">[url='']&middot;Kawasakis[/url]</div>
<div class="menueitem">[url='']&middot;Tess 58[/url]</div>
<div class="menueitem">[url='']Large Handysizes:[/url]</div>
<div class="menueitem">[url='']&middot;Patriot[/url]</div>
<div class="menueitem">[url='']&middot;Palau[/url]</div>
<div class="menueitem">[url='']&middot;Papua[/url]</div>
<div class="menueitem">[url='']Small Handysizes:[/url]</div>
<div class="menueitem">[url='']&middot;Ida[/url]</div>
<div class="menueitem">[url='']&middot;Lita[/url]</div>
<div class="menueitem">[url='']&middot;Bellatrix ID[/url]</div>
<div class="menueitem">[url='']&middot;Olga[/url]</div>
<div class="menueitem">[url='']&middot;Comet[/url]</div>
<div class="menueitem">[url='']Container Vessels:[/url]</div>
<div class="bottommenueitem">[url='']&middot;Maersk Naha[/url]</div>
</div>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#4')" onMouseout="anzeigen('menue#4')">
<div class="headerborderbottom">
POSITIONS
</div>
<div id="menue#4" style="display: none;width:166px;z-index:10; margin-top:-1px;">
</div>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#5')" onMouseout="anzeigen('menue#5')">
<div class="headerborderbottommenue5">
SERVICES
</div>
<div id="menue#5" style="display: none;width:164px;z-index:10; margin-top:-1px;">
<div class="menueitem">[url='']Chartering[/url]</div>
<div class="menueitem">[url='']S&P[/url]</div>
<div class="menueitem">[url='']Ship Management[/url]</div>
<div class="bottommenueitem">[url='']Crewing[/url]</div>
</div>
</div>
</td>
</tr>
</table>

ja in einer anderen Seite ich mache das später über openCMS

über das div wird aber der onmouse effekt ausgelöst oder geht das auch anders???