Aufklappendes Menü

[Svenner]

Hallo

Ich bin gerade dabei, die Homepage meines Handball-Vereins neu zugestalten.
Da möchte ich oben ein aufklappendes Menü machen.
Ich bin auch schon soweit, dass ich das hab.

http://home.arcor.de/gtvbjugend/frameset.htm

Nun möchte ich aber, dass sich noch ein drittes unter Menü öffnet, wenn man mit der Maus drüber fährt.

        <ul id="nav">
          <li><a href="http://www.handball.gettorfer-tv.de/index.htm">Startseite</a> </li>
          <li><a href="#">Herren</a> 
            <ul>
              <li><a href="#">1. Herren</a> </li>
              <li><a href="#">2. Herren</a> </li>
              <li><a href="#">3. Herren</a> </li>
            </ul>
          </li>
          <li><a href="#">Damen</a> 
            <ul>
              <li><a href="#">1. Damen</a> </li>
              <li><a href="#">2. Damen</a> </li>
            </ul>
          </li>
          <li><a href="#">m&auml;nnliche Jugend</a> 
            <ul>
              <li><a href="#">m&auml;nnl. Jgd. A</a> </li>
              <li><a href="#">m&auml;nnl. Jgd. B</a> </li>
              <li><a href="#">m&auml;nnl. Jgd. C</a> </li>
              <li><a href="#">m&auml;nnl. Jgd. D</a> </li>
              <li><a href="#">m&auml;nnl. Jgd. E</a> </li>
            </ul>
          </li>
          <li><a href="#">weibliche Jugend</a> 
            <ul>
              <li><a href="#">weibl. Jgd. C 1 (HSG)</a> </li>
            </ul>
          </li>
          <li><a href="#">Sonstiges</a> 
            <ul>
              <li><a href="#">Schiedsrichter</a> </li>
              <li><a href="#">Links/Downloads</a> </li>
              <li><a href="#">Wir &uuml;ber uns</a> </li>
              <li><a href="#">Erfolge</a> </li>
              <li><a href="#">G&auml;stebuch</a> </li>
            </ul>
          </li>
        </ul>

Mit

<ul>
              <li><a href="#">m&auml;nnl. Jgd. A</a> </li>
<ul> 
              <li><a href="#">Aktuelles</a> </li>
</ul>

gehts auch nicht.

schon mal danke für die hilfe

//EDIT:
Hier nocheinmal die CSS dazu:

body {
    font: normal 11px verdana;
    }

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 150px; 
    border-bottom: 1px solid #ccc;
    }

ul li {
    position: relative;
    }

li ul {
    position: absolute;
    left: 149px; 
    top: 0;
    display: none;
    }


ul li a {
    display: block;
    text-decoration: none;
    color: #777;
    background: #fff; 
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 0;
    }


* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }


ul li a:hover { color: #E2144A; background: #f9f9f9; }
        
li ul li a { padding: 2px 5px; } 

li ul li ul li a { padding: 2px 5px; } 
        
li:hover ul, li.over ul { display: block; } 

li:hover ul, li.over ul, li.over ul { display: block; }

 

[StarExplorer]

Hallo

hilft dir das vielleicht?
http://de.selfhtml.org/css/layouts/navigationsleisten.htm#ebenen