Danke für eure Tipps, dass div-Element wurde entfernt und <ul id="menu"> in <ul id="nav"> geändert, ebenso steht im CSS statt #menu jetzt nav. Zwischen li und a href wurden die classen definiert. So siehts es im Html aus:
<ul id="nav">
<li class="start"><a href="#" title="Titel1">Titel1</a></li>
<li class="link2"><a href="#" title="Titel2">Titel2</a></li>
<li class="link3"><a href="#" title="Titel3">Titel3</a></li>
Für die Positionierung habe ich folgendes getestet:
#nav li ul a.link2{
margin-left:40px;
}
#nav li ul a.link3{
margin-left:70px;
}
Dies natürlich auch in #nav li, #nav li a ... usw, leider ohne positives Ergebnis. Was ist die korrekte Löung? Vielleicht ein Codebeispiel dazu. Danke, Matthias.