list problem

[roelof]

Hello

My cms makes this html to make a slide menu

<ul>
<li>
<a href="index.php?id=16" onfocus="blurLink(this);"
class="no">
<img src="clear.gif" width="9" height="1" border="0" alt=""
title="" />
Home</a>
</li>
<li>
<A href="javascript:;"
onmousedown="zmenu.foldMenu('zmenu-17');return false;" style="cursor:
pointer;cursor: hand;" class="no">
<img src="typo3conf/ext/foldoutmenu/examples/vertical/images/
arrow_down.gif" width="9" height="9" border="0" align="top"
id="zmenu-17-0" alt="Click to close" title="Click to close" />
Zwangerschap</a>
<ul id="zmenu-17">
<li>
<a href="index.php?id=18" onfocus="blurLink(this);"
class="act">
<img src="clear.gif" width="9" height="1" border="0"
alt="" title="" />
Februari 2005</a>
</li>
</ul>
</li>
</ul>
</div>

Relevant CSS :

#menuz ul {list-style: none;margin: 0px;padding: 0px;}
#menuz ul ul {display:none;} #menuz A.no, #menuz A.act {color:
#000000;text-decoration: none;}
#menuz A.act, #menuz A.act:hover { font-weight : bold;}
#menuz A {display:block;border-bottom:1px solid #005073;padding: 3px
5px 3px 5px;}
*html #menuz A {width: 100%;} /* IE */
#menuz UL IMG {margin:2px 3px 2px 0px;}
#menuz UL UL IMG {margin-left:6px;}
#menuz UL UL UL IMG {margin-left:12px;}
#menuz UL A {
display: block;
padding-top: 17px;
padding-left: 37px;
width: 182px;
background-color: #DCE3ED;
border-bottom: 1px solid #eee;
background-image: url(images/menu1.png);
background-repeat: repeat-x;
height: 27px;
#menuz UL A:hover {background: #80c8e6;}
#menuz UL LI UL A {
display: block;
padding-top: 17px;
padding-left: 37px;
width: 182px;
background-color: #DCE3ED;
border-bottom: 1px solid #eee;
background-image: url(images/menu2.png);
background-repeat: repeat-x;
height: 27px;
}
But now with choice Februari 2005 i see the first image and not the
second.
What's going wrong ?

Roelof