Dropdown menubalk (volgensmij heet dat zo)

[luukieboy1]

Hallo,

Ik wil graag een dropdown menu
En ik heb wel code maar dat is zo:
(voorbeeld Ledenmenu > profiel wijzigen
wachtwoord wijzigen.
Enz.

Maar ik wil het graag zo
Ledenmenu > profiel > profiel wijzigen
wachtwoord wijzigen.

En dit is de code ervan:

Dit is CSS:
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}

#nav li {
float: left;
width: 120px;
}

#nav ul {
position: absolute;
width: 120px;
left: -1000px;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
}

#nav a {
display: block;
}

Dit is html:
<ul id="nav">

<li><a href="#">Main item 1</a>

<ul>
<li><a href="#">Sub item 1.1</a></li>
<li><a href="#">Sub item 1.2</a></li>
<li><a href="#">Sub item 1.3</a></li>
<li><a href="#">Sub item 1.4</a></li>
</ul>

</li>

<li><a href="#">Main item 2</a>

<ul>
<li><a href="#">Sub item 2.1</a></li>
<li><a href="#">Sub item 2.2</a></li>
<li><a href="#">Sub item 2.3</a></li>
<li><a href="#">Sub item 2.4</a></li>
<li><a href="#">Sub item 2.5</a></li>
</ul>

</li>

<li><a href="#">Main item 3</a>

<ul>
<li><a href="#">Sub item 3.1</a></li>
<li><a href="#">Sub item 3.2</a></li>
</ul>

</li>

</ul>

Weet iemand hoe ik het kan doen als voorbeeld 2?
En is dit niet zo duidelijk? reageer hieronder dan even.
En alvast bedankt voor de hulp

Aanpassing:
Dit kan toch ook met javascript?
Als je daarvan code weet, en een oplossing is het ook goed

 

[luukieboy1]

Weet iemand wat?

 

[luukieboy1]

Weet echt niemand iets?

 

[csshunter]

Hoi luukieboy1,
Bedoel je dit voorbeeld: www.htmldog.com/articles/suckerfish/dropdowns/example ?

 

[luukieboy1]

Ja zo bedoel ik het

 

[luukieboy1]

Het is gelukt: www.ikverveelme.habbofruit.nl/test.html

Bedankt voor de hulp