Ciao a tutti.
Tramite xsl, xml e css genero un menu a tendina verticale con sottolivelli.

Il problema è non rimane evidenziato il link su cui clicco.

xsl:
<div id="liv1">
<ul>
<xsl:for-each select="folder">
<xsl:choose>
<xsl:when test="folder">
<li>
<a href="@url">
<xsl:attribute name="href"><xsl:value-of select="@url"/></xsl:attribute>
<xsl:value-of select="@name"/>
</a>
</li>
</xsl:when>
<xsl:when test="file">
<li>
<a href="{@url}">
<xsl:attribute name="href"><xsl:value-of select="@url"/></xsl:attribute>
<xsl:value-of select="@name"/>
</a>
</li>
</xsl:when>
<xsltherwise>
<li>
<a href="{@url}">
<xsl:attribute name="href"><xsl:value-of select="@url"/></xsl:attribute>
<xsl:value-of select="@name"/>
</a>
</li>
</xsltherwise>
</xsl:choose>
</xsl:for-each>
</ul>
</div>

CSS:

#liv1 {
width:143px;
height:132px;
padding: 0 0 0 0;
font-family: Arial;
font-size : 6px;
font-weight: normal;
background-color:#0179BD;
color: #333;
float:left;
border-right: 1px solid #FFFFFF;
line-height:17px;
text-align:justify;

}

#liv1 ul {
width:auto;
height:133px;
list-style: none;
margin: 0;
padding:0;
}

#liv1 li {
width:auto;
border-top: 1px solid #FFFFFF;
margin: 0.5px;
list-style: none;
height:auto;
display: block;

}

#liv1 a:link{
border-top:none;
display: block;
color: #fff;
background-color:#0179BD;
text-decoration: none;
}
#liv1 a:visited {
border-top:none;
color: #fff;
text-decoration: none;
background-color:#0179BD;
}
#liv1 a:hover{
border-top:none;
color: #fff;
background-color:#2EA6EA; /* stesso colore dello sfondo*/
text-decoration: none;
}
#liv1 a:focus{
border-top:none;
color: #fff;
background-color:#2EA6EA; /* stesso colore dello sfondo*/
text-decoration: none;
}

mi potere aiutare?

GRAZIE!