Under punkter til en menu bjælke

Jeg er total ny i denne web verden, så jeg vil gerne have lidt hjælp:

Udsnit af min tabel, hvor jeg har lavt en bjælke med menu punkter, under feks. punkter Billeder vil jeg gerne have at når musen holdes over kommer der et "rullegardin" med nogle under punkter, "punkt1", "punkt2" osv.


Udsnit at tabel:

<table width="800" height="40" border="0" cellspacing="0" cellpadding="0" align="center" valign="center" bgcolor="#FFFFFF" bordercolor="#000000">

  <tr >
    <ul id="nav">
      <li ><a href="gruppen.html">Gruppen</a></li>
      <li ><a href="billeder.html">Billeder</a></li>
      <li ><a href="kontakt.html">Kontakt Os</a></li>
      <li ><a href=links.html">Links</a></li>
    </ul>
  </tr>
  <tr>
    <td> </td>
  </tr>
</table>


Udsnit af style:

#nav
{
        margin:0;
        padding:0;
        float:left;
        width:100%;
}


#nav a:link,
#nav a:visited
{
        color:#000000;
        background:#339900;
        padding:4px 61px 2px 62px;
        float:left;
        width:auto;
        text-decoration:none;
        font:bold 1em/1em Arial, Helvetica, sans-serif;
        text-transform:uppercase;
}


#nav li
{
        display:inline;
}

#nav a:hover
{
color:#fff;
background:#727454;
}