vertical dropdownmenu viser undermenuer fra start

Jeg har en vertical dropdownmenu, der benytter CSS og javascript.
Mit problem er at alle undermenuer bliver vist fra start, og det skal de ikke

Her er den generede kode:

____________________________________________________________                   
<style>

#menuholder LI
{
    DISPLAY: block;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    MARGIN-BOTTOM: 0px;
    MARGIN-RIGHT: 0px;
    MARGIN-TOP: 0px;
    FONT-FAMILY: Verdana, Arial, Sans-Serif;
    FLOAT: left;
    WIDTH: 100%;
}
#menuholder UL
{
    border: #DDD9A7 1px solid;/*sætter border på drop-ud menuen*/
    padding: 0px 0px 0px 0px;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-RIGHT: 0px;
    COLOR: #000000;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Sans-Serif;
    DISPLAY: block;
    WIDTH: 220px; /*bredden på drop-ud menuen*/
}

.invisible
{
    MARGIN-TOP: -15px; /*rykker drop-ud menuen op eller ned, jo større plus ned, jo større minus op*/
    MARGIN-LEFT: 130px;/*rykker drop-ud menuen ud til højre*/
    POSITION: absolute;
    DISPLAY: none;
}

#menuholder LI A
{
    padding: 2px 2px 2px 2px;
    FONT-FAMILY: Verdana, Arial, Sans-Serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    WIDTH: 100%;
    COLOR: #000000;
    TEXT-DECORATION: none;
}
.submenu
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 20px;/*rykker teksten i drop-ud menuen til højre*/
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 10px;/*afstanden mellem top og punkter samt mellem menu punkterne, kan også bruge line-height*/
    TEXT-DECORATION: none;
    text-align: left;
    FONT-FAMILY: Verdana, Arial, Sans-Serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    WIDTH: 100%;
    BACKGROUND-COLOR: #F4F2E6; /*baggrundsfarven på den uddroppede menu*/
    /*Gør dropout menuen gennemsigtig*/
    position: relative;
    z-index:1000;
    filter: alpha(opacity=90);
    /*Gør dropout menuen gennemsigtig slut*/
   
}
#menuholder LI A:hover
{
    COLOR: #000000;
}

#menuholder A.hassubmenu
{
    BACKGROUND-POSITION: 128px 7px;   
}
.menuclass
{   
    border: 0px 0px 0px 0px;
    FLOAT: right;
    MARGIN: 1px 1px 100%;
}

</style>
<NOINDEX>
    <table id=menuholder cellSpacing="0" cellPadding="0" width="190" border="0">
        <tr>
            <td align="left" valign="top">
                <UL class="menuclass">
                   
                            <li>
                                <button class=button onclick="navigate('/site/test/Test1/TestTest2/');" onfocus=blur()><a href="/site/test/Test1/" OnClick="SubMenuLink_OnClick" onmouseover="showSubMenu()" Runat=server>Test1</a></button>
                                <br>
                                <img class="usynligt" height="2px">
                                <UL class="invisible">
                                   
                                            <li><a href=/site/test/Test1/TestTest1/ Class='submenu' Runat=server>TestTest1</a></li>
                                       
                                            <li><a href=/site/test/Test1/TestTest2/ Class='submenu' Runat=server>TestTest2</a></li>
                                       
                                </UL>
                            </li>
                       
                            <li>
                                <button class=button onclick="navigate('/site/test/Test2/');" onfocus=blur()><a href="/site/test/Test2/" OnClick="SubMenuLink_OnClick" onmouseover="showSubMenu()" Runat=server>Test2</a></button>
                                <br>
                                <img class="usynligt" height="2px">
                                <UL class="invisible">
                                   
                                </UL>
                            </li>
                       
                            <li>
                                <button class=button onclick="navigate('/site/test/Test3/TestTest1/');" onfocus=blur()><a href="/site/test/Test3/" OnClick="SubMenuLink_OnClick" onmouseover="showSubMenu()" Runat=server>Test3</a></button>
                                <br>
                                <img class="usynligt" height="2px">
                                <UL class="invisible">
                                   
                                            <li><a href=/site/test/Test3/TestTest1/ Class='submenu' Runat=server>TestTest1</a></li>
                                       
                                </UL>
                            </li>
                       
                </UL>
            </td>
        </tr>
    </table>
</NOINDEX>
<script language="javascript">
function showSubMenu()
{
    var objThis = this;   
   
    for(var i = 0; i < objThis.childNodes.length; i++)
    {
       
        if(objThis.childNodes.item(i).nodeName == "UL")
        {                           
            // only show block if there are items
            if (objThis.childNodes.item(i).innerHTML!="")
            {
            objThis.childNodes.item(i).style.display = "block";                       
            }
        }       
    }   
}

function hideSubMenu()
{                               
    var objThis = this;   
   
    for(var i = 0; i  < objThis.childNodes.length; i++)           
    {
        if(objThis.childNodes.item(i).nodeName == "UL")
        {               
            objThis.childNodes.item(i).style.display = "none";           
            return;
        }           
    }   
}           

function initialiseMenu()
{
    var objLICollection = document.getElementById('menuholder').getElementsByTagName("LI");       
   
    for(var i = 0; i < objLICollection.length; i++)
    {       
        var objLI = objLICollection[i];                                       
        for(var j = 0; j  < objLI.childNodes.length; j++)
        {
           
            if(objLI.childNodes.item(j).nodeName == "UL")
            {
                objLI.onmouseover=showSubMenu;
                objLI.onmouseout=hideSubMenu;
                for(var j = 0; j  < objLI.childNodes.length; j++)
                {
                    if(objLI.childNodes.item(j).nodeName == "A")
                    {                   
                       
                        objLI.childNodes.item(j).className = "hassubmenu";                               
                    }
                }
            }
        }
    }
}


</script>

____________________________________________________________

Kan nogen hjælpe?