Liste hiérarchique à l'aide de HTML/CSS

Je suis en train de créer un menu de niveau supérieur comme vous pouvez le voir dans la plupart des applications, à l'aide de HTML, CSS & Javascript. Je sais qu'il y a une tonne de pré-construit, mais j'ai envie de créer mon propre.

----------------------
| File | Edit | Help |
----------------------
| New     |
| Save    |
| Save As |
 ---------

J'ai essayé différents styles CSS pour obtenir la liste suivante de mise en page correctement. Est-ce le code HTML de la structure, ou voulez-vous recommander un autre? Ce CSS est nécessaire pour afficher correctement le menu? Je ne suis pas inquiète au sujet de la fonctionnalité à ce point.

Je suis ouvert à toutes HTML 5 techniques que ce n'est qu'un personnel propject.

<ul>
    <li>File</li>
    <ul>
        <li>New</li>
        <li>Save</li>
        <li>Save As</li>
    </ul>
    <li>Edit</li>
    <ul>
        <li>Cut</li>
        <li>Copy</li>
        <li>Paste</li>
    </ul>
    <li>Help</li>
    <ul>
        <li>About</li>
    </ul>
</ul>
Votre balisage html n'est pas droit. ul ne peut pas être à l'intérieur d'un autre ul directement. Il doit être à l'intérieur d'un li ot le haut ul.

OriginalL'auteur Steve | 2011-06-05