[CSS] Menu Items Verdwijnt na MouseOut

[Verwijderd]

Ik heb een mooi CSS menutje gemaakt met ul en li tags en een transparante background. In FF werkt het allemaal prima maar in IE (heb IE7) niet. Als je met de muis over het menu gaat dan verdwijnt het item waar je met de muis uit gaat (mouseout).

adres: http://www.carpenter.nl/idds

CSS code (alleen van een menuitem):

Cascading Stylesheet:

#divDDMenuClub {
    position: absolute;
    height: 168px;
    width: 187px;
    left: 260px;
    top: 117px;
}

#divDDMenuClub ul {
    margin:0px;
    padding:0px;
    list-style:none;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
}

#divDDMenuClub li {
    font-size: 11px;
    padding: 0px;
    margin: 0px;
}

#divDDMenuMijnClub li a:link, #divDDMenuMijnClub li a:visited{
    text-decoration:none;
    background-color: #4D7B95;
    color: #FFFFFF;
    FILTER: Alpha(Opacity=70);
    -moz-opacity:0.7;
    opacity: 0.7;
    height: 15px;
    padding: 2px 0px 2px 5px;
    margin: 0px;
    display: block;
    border-bottom: 1px solid #FFFFFF;
}
#divDDMenuMijnClub li a:hover, #divDDMenuMijnClub li a:active{
    text-decoration:none;
    color: #FFFFFF;
    background-color: #4D7B95;
    FILTER: Alpha(Opacity=100);
    -moz-opacity:1.0;
    opacity: 1.0;
    height: 15px;
    padding: 2px 0px 2px 5px;
}

HTML Code menu

XHTML:

<div id="divMenuBalk">
     <img id="imgOnzeClub" src="images/menu/mnuOnzeClub_off.gif" width="187" height="26" hspace="0" vspace="0" style="cursor:pointer" onmouseover="changeImg( this.id, 'images/menu/mnuOnzeClub_on.gif' ); setLyr(this,'divDDMenuClub')" onmouseout="changeImg( this.id, 'images/menu/mnuOnzeClub_off.gif' ); hideLyr('divDDMenuClub');" alt="Onze Club" />
     <img id="imgDeAuto" src="images/menu/mnuDeAuto_off.gif" width="187" height="26" hspace="0" vspace="0" style="cursor:pointer" onmouseover="changeImg( this.id, 'images/menu/mnuDeAuto_on.gif' ); setLyr(this,'divDDMenuAuto');" onmouseout="changeImg( this.id, 'images/menu/mnuDeAuto_off.gif' ); hideLyr('divDDMenuAuto');" alt="De Auto"  />
     <img src="images/menu/mnuMijnClub_off.gif" name="imgMijnClub" width="187" height="26" hspace="0" vspace="0" id="imgMijnClub" style="cursor:pointer" onmouseover="changeImg( this.id, 'images/menu/mnuMijnClub_on.gif' ); setLyr(this,'divDDMenuMijnClub');" onmouseout="changeImg( this.id, 'images/menu/mnuMijnClub_off.gif' ); hideLyr('divDDMenuMijnClub');" alt="Mijn Club"  />
</div>

Iemand een idee hoe dit komt? Heb niets kunnen vinden op dit forum en google