CSS Aufklappmenü ohne JavaScript (Show and Hide)

Man kennt diese Aufklappmenüs die meistens mit JavaScript unterstützt werden weil CSS oftmals nicht ausreicht.
Doch für ein simples Aufklappmenü beim herüber fahren der Maus (hover) reicht CSS völlig aus.
Ich musste mir letztens sowas basteln natürlich erst in JavaScript doch dann wollte ich dies ohne JavaScript.
Deswegen hab ich für euch ein paar Zeilen Html und CSS damit ihr auch ein Aufklappmenü auf eurer Seite verwenden könnt.

Das Menü ist sehr einfach gehalten, ich will es auch niemanden zu einfach machen, kopieren und einfügen kann jeder xD

CSS:

#navi-show{
display: none;
}

#navi {
list-style: none;
}

#navi:hover #navi-show{
position: absolute;
display: block;
list-style: none;
}

Html:
<div id=”navi”> <li>Navigation</li> </div> <div id=”navi-show”> <li>Menu1</li> <li>Menu2</li> </div>

Das ganze sollte im Internet Explorer 7, Opera 9, Mozilla 2 und 3 und Google Chrome funktionieren.

Viel Spaß damit!