Problem mit Navi

Hallo,
möchte meine Navi unterm Header erweitern auf 7 Menüpunkte. Sobald ich aber mehr als 5 Punkte habe, reihen sich die nächsten Menüpunkte unter der eigentlichen Leiste an, als ob eine neue Reihe angefangen würde. Sehts euch mal auf meiner Seite an.

Anmerkung: die Untermenüs werden überarbeitet, die passen teilweise nicht mehr zusammen

Hier mein Code für das Menü:

<style type="text/css" media="screen">
<!--
body
{ font-family: Verdana, sans-serif;
font-size: 10px;
overflow: auto;
padding: 12px;
margin: 0px;}

ul, li
{list-style-type: none;
padding: 0px;
margin: 0px;}

div.menu
{ position: absolute;
z-index: 3;
top: 212px;
left: 50%;
margin-left:-450px;
width: 60%;}

.menu li
{ width: 130px;
float: left; }

.menu a
{
background-image:url(http://80.190.202.79/pic/s/spotting-fever/sidebarheadingairport2.jpg);
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 13px;
color: #6a6a6a; }

.menu a:hover
{ background-color: #000000; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7
{ font-size: 9px;
display: none;
width: 350px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4, #smenu5 a, #smenu6 a, #smenu7 a
{ font-size: 11px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer; }
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{ with (document)
{ if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block'; } }

function cache(id)
{ with (document)
{ if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none'; } }
//-->
</script>
<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://spotting-fever.de.tl/Galerie.htm" target="_self">Fotos</a></li>
<li><a href="http://spotting-fever.de.tl/Videos.htm" target="_self">Videos</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Galerie</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://spotting-fever.de.tl/DUS-Flugplan.htm" target="_self">Flugplan</a></li>
<li><a href="http://spotting-fever.de.tl/DUS-Wetter.htm" target="_self">Wetter</a></li>
<li><a href="http://spotting-fever.de.tl/Spotting-in-D.ue.sseldorf.htm" target="_self">Guide</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Über mich</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://spotting-fever.de.tl/ESS-Wetter.htm" target="_self">Wetter</a></li>
<li><a href="http://spotting-fever.de.tl/Spotting-in-Essen-s-M.ue.lheim.htm" target="_self">Guide</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Kontakt</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://spotting-fever.de.tl/DUS-Flugplan.htm" target="_self">Flugplan</a></li>
<li><a href="http://spotting-fever.de.tl/DUS-Wetter.htm" target="_self">Wetter</a></li>
<li><a href="http://spotting-fever.de.tl/Spotting-in-D.ue.sseldorf.htm" target="_self">Guide</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">LINKS</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="http://spotting-fever.de.tl/Bannerlinks.htm" target="_self">Bannerlinks</a></li>
<li><a href="http://spotting-fever.de.tl/Links.htm" target="_self">wichtige Seiten</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Kontakt</a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
<li><a href="http://spotting-fever.de.tl/DUS-Flugplan.htm" target="_self">Flugplan</a></li>
</ul>
</li>

</div>
-->
</style>
<div align="center">

Änder dort mal das rote auf 100%

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator

Hat geholfen, danke schonmal

Habe noch eine Frage:
wenn ein Menüpunkt ein einzelner Button sein soll, ohne dass Untermenüs ausklappen, wie muss ich dann den Code ändern?
Also so, dass ich z.b. auf Gästebuch oben klicke und dann auch das Gästebuch erscheint und nicht ein Aufklappmenü mit Auswahlmöglichkeitne...



DANKE

Könntest es so machen:

Dann beim rot makierten die Adresse eingeben...

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator