drop up menu i tabel

Hej.

Jeg har denne side jeg sidder og roder med og kunne godt tænke mig at lave en lidt mere flyende effekt.

Jeg har skåret min menu lidt ud så der ikke er så meget kode at kigge på (mit websted er nede så kan ikke uploade) så prøver her med den kortere kode:

<table border="1" width="100%" id="table1">
    <tr>
        <td align="center" style="background-color:#555555;color:#ffffff;cursor:pointer" onmouseover="this.style.backgroundColor='#aaaaaa';this.style.color='#ffffff'" onmouseout="this.style.backgroundColor='#555555';this.style.color='#ffffff'" onclick="location='index.htm'">menu b</td>
        <td align="center" style="background-color:#555555;color:#ffffff;cursor:pointer" onmouseover="this.style.backgroundColor='#aaaaaa';this.style.color='#ffffff'" onmouseout="this.style.backgroundColor='#555555';this.style.color='#ffffff'" onclick="location='index.htm'">menu d</td>
    </tr>
    <tr>
        <td align="center" style="background-color:#555555;color:#ffffff;cursor:pointer" onmouseover="this.style.backgroundColor='#aaaaaa';this.style.color='#ffffff'" onmouseout="this.style.backgroundColor='#555555';this.style.color='#ffffff'" onclick="location='index.htm'">menu a</td>
        <td align="center" style="background-color:#555555;color:#ffffff;cursor:pointer" onmouseover="this.style.backgroundColor='#aaaaaa';this.style.color='#ffffff'" onmouseout="this.style.backgroundColor='#555555';this.style.color='#ffffff'" onclick="location='index.htm'">menu c</td>
    </tr>
    <tr>
        <td align="center" style="background-color:#aaaaaa;color:#ffffff;cursor:pointer" onmouseover="this.style.backgroundColor='#000000';this.style.color='#ffffff'" onmouseout="this.style.backgroundColor='#aaaaaa';this.style.color='#ffffff'" onclick="location='index.htm'">MENU 1</td>
        <td align="center" style="background-color:#aaaaaa;color:#ffffff;cursor:pointer" onmouseover="this.style.backgroundColor='#000000';this.style.color='#ffffff'" onmouseout="this.style.backgroundColor='#aaaaaa';this.style.color='#ffffff'" onclick="location='index.htm'">MENU 2</td>
    </tr>
</table>

Det jeg kunne forestille mig:
Når musen er over MENU 1 så skal menu a og b komme frem ellers skal der ikke være noget i disse td'er
Når så man bevæger musen over menu a og b så skal MENU 1 fastholde sin mouseover indtil man fjerne musen fra enten menu a eller b fx over på MENU 2 hvor der skal ske det samme med menu c og d som med menu a og b

SORT SNAK?? - håber der er nogle der kan hjælpe...

  ^_^
Kristian