Under menu til denne menu

Er der en af Jer lyse hoveder der kan fortælle mig, hvordan man laver undermenu (som folder nedad, og skubber resten af menuen tilsvarende ned) til nedenstående kode?



CSS:

body, html {
    height:100%;
    margin:0px ;
    padding: 0px;
}

body {
    background: #303030;
    color:black;
    font-family: arial, verdana, sans-serif;
    font-size: 14px;
}


#links a  {
    width: 146px;
    display: block;
    text-align: left;
    padding: 6px;
    margin: 2px;
    text-decoration: none;
    color:#FFCC33  ;
    background: #838383;
    border-right: 5px solid #505050;
    border-bottom: 2px solid #505050;
    border-top: 1px solid #505050;
    border-left: 1px solid #505050;
}


#links a:hover, a#activelink {
    color:#444  ;
    background: #aaa;
    border-right: 5px solid #838383;
    border-bottom: 2px solid #838383;
}


HTML:

    <div id="links">
    <a href="index.html">Forside</a>
    <a href="Italien.2006.html">2006 Italien</a>
    <a href="Kroatien.2005.html">2005 Kroatien</a>
    <a href="Danmark.2004.html">2004 Danmark</a>
    <a href="Ungarn.2003.html">2003 Ungarn</a>
    <a href="Ungarn.2002.html">2002 Ungarn</a>
    <a href="Udstyr.html">Vores udstyr</a>
    <a href="Kontakt.html">Kontakt</a>
    <a href="Links.html">Links</a>
    <a href="Christian.html">Christian</a>
    </div>


Denne skal så folde ud når man vælger "Vores udstyr" og skal så være uden skygger

    <a href="Biler.html">Biler</a>
    <a href="Campingvogne.html">Campingvogne</a>
    <a href="Telte.html">Telte</a>
    <a href="Grill.html">Grill & Køkken</a>
    <a href="GPS.html">GPS</a>

Siden kan ses på www.voresferier.dk


Mvh
Caf