Problem att få till Sub menyer i nav

Hej,
Ja som rubriken lyder har jag försökt göra en Navigation meny med några sub menyer. Jag har märkt det finns olika sätt, men jag lyckas inte få till det. Då jag vet inte exakt hur alla css kommandon fungerar med varandra än antar jag det är något som ligger fel där. Jag har kört med den här metoden.

<ul class="nav">
<li id="current"><a href="index.html">Home</a></li>
<li><a href="#">Alternativ</a>
<ul class="sub"><li><a href="#">SubMeny</a></li> </ul></li>
</ul>

CSS:

.sub li {
display:none;
}

li:hover.sub {
display:block;
}

Jag har inte all CSS bara för att förenkla. Men ja till frågan. Finns det några element som kan krocka? Eller hur gör man så det dyker upp vid hover?

Tacksam för svar!

Hej tack för svaret. Men vissa saker är fortfarande oklara för mig. Vad är de sk. "grunderna" för att få en nav sub meny att fungera? Förutom display none och block.
Hur får man sub menyn i en rad under varandra? För jag lyckas bara få dem sidlänges när jag försöker skriva en sub meny.
Position:absolute; och top:0; används i guiden. Men det får bara min meny att gå utanför hela browser skärmen?
Och jag har inga andra divs. Bara nav htmlen.