drop out fenster schließt sich

    Hallo, ich habe es geschafft, nach stundenlangem basteln, mit css ein drop out fenster zu erstellen, dass sich unter einem Link öffnet, wenn man mit der Maus über ihn fährt.
    Aber immer, wenn ich versuche, mit dem Mauszeiger in der aufklappenden Liste einen Link anzuklicken, verschwindet die Liste,also immer dann, wenn ich mit dem Zeiger vom "outer" Link runtergehe.
    Ich habe das gleiche Script verwendet, welches in einem Beispiel aus dem Internet beschrieben wurde, und da passiert das nicht????
    Hoffe auf Hilfe.

    tschuldigung

    <html>

    <head>
    <meta http-equiv="Content-Language" content="de">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

    <title>Aktuelles Verein</title>

    <style type="text/css" fprolloverstyle>A:hover {color: #0D3B58; font-family: Arial Black}
    body
    {
    scrollbar-face-color:#30A5CC;
    scrollbar-shadow-color:white;
    scrollbar-highlight-color:white;
    scrollbar-3dlight-color:white;
    scrollbar-darkshadow-color:white;
    scrollbar-track-color:white;
    scrollbar-arrow-color:white
    }

    </style>
    <!--[if IE]>
    <style type="text/css">
    /*<![CDATA[*/
    #noniemenu {display:none;}
    .menu {display:block; position:absolute;}
    a.outer, a.outer:visited {color:#FFFFFF; width:96px; height:18px; display:block; background:#31A5CD; border:0px solid #31A5CD; margin-right:77px; text-align:center; float:left; text-decoration:none; font-family:arial black; font-size:15px; line-height:22px; overflow:hidden;}
    a.outer:hover {color:#FFFFFF; background:#31A5CD; overflow:visible;}
    a.outer:hover table {display:block; background:#30A5CC; border-collapse:collapse;}
    a.inner, a.inner:visited {display:block; width:88px; height:30px; border-bottom:0px solid #FFFFFF; text-decoration:none; color:#FFFFFF;font-family:arial black; font-size:12px; text-align:center;}
    a.inner:hover {background:#0D3B58;text-decoration:none; color:#FFFFFF}
    /*]]>*/
    </style>
    <![endif]-->

    </style>


    </head>

    <body background="Micha%20webseite/Neuer%20Ordner/background1knsth.jpg" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">

    <div class="menu" style="position: absolute; left: 214px; top: 134px">
    <a class="outer" href="#">Aktuelles<table><tr><td>
    Da Capo
    <a class="inner" href="#">Casa Vasalone
    2007</a>
    </td></tr></table>

    </a>

    <a class="outer" href="#">Verein
    <table><tr><td>
    <p style="line-height: 26px">
    Kursleiter
    Geschichte
    </td></tr></table>
    </a>

    <a class="outer" href="#">Angebot
    <table><tr><td>
    <p style="line-height: 26px">
    Workshops

    Events

    </td></tr></table>
    </a>

    <a class="outer" href="#">Impressum
    <table><tr><td>
    <a class="inner" href="#">Impessum
    /Kontakt</a>
    <a class="inner" href="#">Links
    /Partner</a>
    </td></tr></table>
    </a>
    </div>

    <div id="noniemenu" style="position: absolute; left: 227px; top: 129px">
    <div class="holder">
    Home

    </div>

    <div class="holder">
    Pages

    Home
    Products
    How To
    #Store
    #Links
    </div>

    <div class="holder">
    Photo Albums

    House Album
    A N Other Album
    Wedding Album
    2000 Series
    </div>

    <div class="holder">
    Blogs

    Mostly
    </div>
    </div>


    <table cellpadding="0" cellspacing="0" width="875" height="1124">

    <tr>
    <td valign="top">

    </td>
    <td></td>
    <td></td>
    <td></td>
    <td height="101"></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td height="13"></td>
    </tr>
    <tr>
    <td></td>
    <td valign="top" colspan="2">

    </td>
    <td></td>
    <td height="29"></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td height="44"></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td valign="top" colspan="2">
    <font color="#30A5CC" face="Arial">f</font><font color="#D3DDE7" face="Arial">d</font></td>
    <td height="900"></td>
    </tr>
    <tr>
    <td width="148"></td>
    <td width="24"></td>
    <td width="612"></td>
    <td width="69"></td>
    <td height="37" width="22"></td>
    </tr>
    </table>


    </p>

    </body>

    </html>