CSS Drob Down Menu List mangler en JS programmering

Hej Eksperten,
Jeg har en lavet en Drop Down Menu liste med CSS, HTML coden er oppbygget af Liste <ul> of <li> ogso 12 regler af JS for at få den at virke i IE, Men midt problem er at da man har onmouseover en <ul> som skal være en underliste eller "supmenu" og tager musen af listen så forsviner listen ligemed det samme, er det ikke muligt at lave en JS programmering der kan få et setTimeout også et value til den CSS Dropdown liste?

HTML Codingen ser sådan ud

<ul id="menu">
    <li><a href="#">Menu 1</a></li>
    <li><a href="#">Menu 2</a>
        <ul>
            <li><a href="#">Supmenu 2.1</a></li>
            <li><a href="#">Supmenu 2.2</a></li>
        </ul>
    </li>   
    <li><a href="#">Menu 3</a></li>
</ul>

CSS programmeringen er for at få supmenues til at vise sig når man har mouseover et af hoved menuene.

Hvis der er nogen flink person her der kan give mig en JS setTimeout programmering der kan sette et Timeout for listen til at forsvinde ville være Super =)

og til sidst, onskyld for midt danskt, jeg er kun er Færing.

M.V.H. Hanus91 ;)