Navigation öffnet sich nicht

Hallo,
ich möchte eine horizontale Navigation mit Untermenüpunten.
In meinem Editor funktioniert es, aber leider nicht online. Wo habe ich einen Denkfehler?

<div id="menu">

<ul>
<li>
<li class="active"><a href="index.html">Start</a></li>
<ul>
<li><a href="das_team.html"></a>Das Team</li>
</ul>
</li>
</ul>
</div>


#menu a {
text-decoration: none;
display: block;

text-align: left;
font-size: 14px;
font-weight: bold;

color: #07B6FE;
}


/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
color: #FFFFFF;
background: #07B6FE;
}


/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
color: #FFFFFF;
background: #07B6FE;
}


/*
*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
position: relative;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: absolute;
z-index: 2;
display: none;
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
display: block;
}

Danke euch.

danke dir.
Die Vorlage hatte ich ja genommen, muss wahrscheinlich einen Fehler reingehauen haben.

Guten Rutsch

Danke dir noch mal. Habe den Fehler gefunden.
Nur eins konnte ich nicht finden und zwar, ich möchte, dass die Navipunkte nicht zusammen sind, sondern das ein Zwischenraum dazwischen ist.

Kannst du mir bitte sagen, was ich wo eintragen muss?

Danke.

danke.
Aber ich möchte einen Zwischenraum bei "ul"

Bei mir sieht es so aus:

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

li {
margin: 3px;

Wenn ich jetzt einen Wert bei "ul" margin: 10px eingebe, dann geht der curser nicht mehr auf die Untermenüs.

Wo denke ich da falsch?
Danke.