[erledigt] problem mit aufklappbarem menü

Hi ich habe folgendes Problem:
Das Menü an sich funktioniert allerdings sollen die einzelnen Bandmitglieder.....also Untermenüpunkten erst erscheinen wenn man
auf Band....also den eigentlichen Menüpunkt mit der Maus fährt und nicht schon vorher zu sehen sind...
mein code is folgender:

TEXT ÜBER DEM DESIGN:


<div id="Testdesign">
<div id="oben">
</div>

<div id="feld_links">
<ul id="navi">
<li>
<a href="http://slaughteredexistence.de.tl/News.htm" id="akt">News</a>
</li>
</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="feld_links_u">
<li><a href="http://slaughteredexistence.de.tl/band.htm" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Band</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://slaughteredexistence.de.tl/Erik.htm">Erik</a></li></div>
<li>
<a href="http://slaughteredexistence.de.tl/medien.htm">Medien</a>
</li>
<li>
<a href="http://slaughteredexistence.de.tl/shows.htm">Shows</a>
</li>
<li>
<a href="http://slaughteredexistence.de.tl/G.ae.stebuch.htm">Gästebuch</a>
</li>
<li>
<a href="http://slaughteredexistence.de.tl/links.htm">Links</a>
</li>
<li><a href="http://slaughteredexistence.de.tl/Kontakt.htm">Kontakt</a>
</li>
</ul>
</div>


CSS CODE:

div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}
a{color:#ffffff; font-size: 14px; text-decoration: none;}
a:hover {color: #ffffff; font-size: 14px; text-decoration: none;}
a:link {color: #ffffff; font-size: 14px; text-decoration: none;}
a:active {color: #ffffff; font-size: 14px; text-decoration: none;}
a:visited {color: #ffffff; font-size: 14px; text-decoration: none;}
body {background-color:#000000;
background-image:url(http://img36.imageshack.us/img36/8408/blackflame.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
* { padding: 0; margin: 0; }
#Testdesign {
margin: 0 auto;
width: 922px;}

#oben {
color: #FFFFFF;
width: 900px;
float: left;
padding: 10px;
border:0 px solid #000000;
height: 200px;
margin: 10px 0px 0px 0px;
background-image:url(http://img257.imageshack.us/img257/2251/mybanner4a0b17c9bdc23.jpg);
background-position: center;
background-repeat: no-repeat;
}

#feld_links {
color: #000000;
border: 1px solid #000000;
background: #990000;
filter:alpha(opacity=81);
-moz-opacity:0.81;
opacity:0.81;
-khtml-opacity:0.81;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 320px;
width: 160px;
float: left;}

#feld_links_u {
color: #000000;
border: 1px solid #000000;
background: #990000;
filter:alpha(opacity=00);
-moz-opacity:0.81;
opacity:0.81;
-khtml-opacity:0.81;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 320px;
width: 160px;
float: left;
display: none;}


#content {
float: right;
color: #000000;
border: 0px solid #07417C;
background: #990000;
filter:alpha(opacity=81);
-moz-opacity:0.81;
opacity:0.81;
-khtml-opacity:0.81;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 320px;
width: 718px;
display: inline;
overflow:auto;}

#sockel {
width: 900px;
clear: both;
color: #000000;
border: 1px solid #000000;
background: #000000;
margin: 0px 0px 10px 0px;
padding: 10px;}
#navi {
margin: 0;
padding: 0;
width: 150px;}

#navi ul, #navi li{
list-style-type: none;
padding-top: 2px;
font-weight: bold;}

#navi li a {
text-decoration: none;
display: block;
width:100%;
padding: 5px;}

#navi a:link, #navi a:visited {
color: #FFFFFF;
background-color: #000000;
background-image:url(http://img16.imageshack.us/img16/8462/buttonxrl.jpg);}

#navi #akt {
color: #FFFFFF;
background-color: #7F0000;}
#navi a:hover, #navi a:hover#akt {
color: #FFFFFF;
background-color: #000080;}
background-image: url();
#oben {
color: #FFFFFF;
width: 900px;
float: left;
padding: 10px;
border: 1px solid #07417C;
height: 60px;
margin: 10px 0px 0px 0px;
background: #07417C;}


Danke schonmal im Vorraus

Hi, da fehlt noch folgender Code:

Das rote ist für das nicht anzeigen wichtig

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

Iceblue Generator | Red Generator | Butterfly Generator

danke jetz funktionierts und wird nich angezeigt aber die buttons rutschen nich weiter oO

gut hab alles hinbekomm
könnt thema schließen

Eine Lösung zu posten wäre noch ganz nett, damit hinterher die Leute per SuchFunktion besser Sachen finden!
______________