Archive in drop down menu

I am using a tutorial I found on the internet to make a css dropdown menu:

https://wphacks.com/how-to-make-categories-drop-down-menu/

I am trying to make an archive section where the word “Archive” is at top and the archive files (by month) are down below it as sub menus so far I have the following code and I am wondering if anyone could help explain how to do this.

Thank You
————————————————————-
<!–nav test–>
<ul id=”nav” class=”clearfloat”>

• /” class=”on”>Home

<?php wp_list_pages(‘title_li=’); ?>

<li class=”cat-item”>
Categories
<ul class=”children”>
<?php wp_list_categories(‘orderby=name&title_li=’); ?>

<li class=”cat-item”>Archives
<?php wp_get_archives(‘format=html&before=

&after=

‘); ?>

<!–Done Nav test–>