HTML / CSS - Menu a comparsa laterale.

Ho qualche problema nella creazione di un menu come quello di questo sito.
Ho già dato un'occhiatina ai sorgenti, ma mi sfugge ancora il meccanismo.
Quel che ho scritto fin'ora è qualcosa del genere:

<ul id="sub">
  <li><a href="#">Elemento 1</a></li>
    <ul style="display:none">
      <li>Sottoelemento 1</li>
    </ul>
  </li>
</ul>

e il CSS

#sub il:hover ul {display:block;}

Manca un bel po' di roba, ma non saprei dove mettere mani per fare più di così al momento ho cercato in mille mila tutorial...

praticamente devi far si che i sotto elementi siano nascosti fintanto che il mouse non passa sopra l'elemento padre, a quel punto li mostri

pierotofy.it/pages/extras/forum/284/1031207-problema_con_menu_a_comparsa_laterale/