CSS- Drop-down-menü Horizontal

[Kasino]

Hey,
Ich stehe mal wieder vor einem Problem, ich will ein Dropdown menü haben bzw soll er die anderen menü punkte Horizontal darunter anzeigen, wenn ich mit dem Mauszeiger drüber fahre. Bis jetzt funktioniert das :hover bei dem Menü so , dass er nur di Punkte verdunkelt und wenn ich auf den Menü punkt klicke zeigt er daneben die Punkte an-.-

So sieht mein Menü aus:
http://www.imagebanana.com/view/31depwdz/menue.png

Mein DIV - Conatiner in der index.php datei sieht so aus :

<div id = "menue" >
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="index.php">Leistungen</a></li>
<li><a href="galerie.php">Galerie<span>
<li><a href="index.php">lululu</a></li>
<li><a href="index.php">lalalala</a></li>
</span></a></li>

<li><a href="index.php">Kontakt</a></li>
<li><a href="index.php">Impressum</a></li>
</ul>
</div>

und meine Belegungen in der Style.css Datei für das Menü sehen so aus:

#menue
{
width: 100%;
min-width: 1024px;
float: left;
height: 29px;
background-color: #55FFFF;
margin-top: 0px;
border-bottom:1px solid #808080 ;
margin: 0px;
}
#menue ul
{
list-style-type:none ;
margin: 0px 0px 0px 0px;
padding: 0px;
position: relative;
}
#menue ul li
{
float: left;
margin-left: 0px;
padding: 0px;
border-left: 0px solid #808080;
list-style-type: none;
}
#menue ul li a
{
display: block;
text-align: center;
text-decoration: none;
background-color: #55FFFF;
font: bold 13px "Trebuchet MS";
border-bottom: 1px solid #808080;
border-right: 1px solid #808080;
border-left: 1px solid #808080;
padding-top: 4px;
width: 114px;
height:25px ;
color: #808080;
list-style-type: none;
}
#menue ul li a:hover
{
text-decoration: none;
background-color: #359292;
color: #3C3C3C;
border-right: 1px solid #808080;
}

Ich bin auserordentlich froh und bedanke mich schonmal für jede Hilfe die kommen wird
MFG Kasino

 

[Fallballa]

Empfehle dir das so zu machen:

<ul>
<li><a href="">Punkt1</a></li>
<li><a href="">Punkt2</a>
       <ul>
       <li><a href="">Unterpunkt1</a></li>
       </ul>
</li>
<li><a href="">Punkt3</a></li>
<li><a href="">Punkt4</a></li>

ul li li {
display:none;
}

ul li:hover li {
display:block;
}

Falls du es ohne JavaScript machen willst

 

[Kasino]

Ich habe das jetzt so übernommen doch die Punkte werden jetzt trotzdem daneben aufgelistet und sind nicht verdeckt und werden aktiv wenn man über den überpunkt bzw. über Galerie geht
Schonmal vielen Lieben dank für die Hilfe
MFG Kasino