Hi

have problem with my selected state in my subnav for COG Navigation. I can´t get selected state to stay selected. Anyone that has same problem an have a solution?

<xsl:variable name="startDepth" select="3" />
<xsl:variable name="recurse" select="1" />
<xsl:variable name="selectBranches" select="1"></xsl:variable>
<xsl:variable name="maxMenuDepth" select="5"></xsl:variable>
<xsl:variable name="forceNode" select="0"></xsl:variable>
<xsl:variable name="walkChildren" select="0"></xsl:variable>
<xsl:variable name="forceHome" select="1"></xsl:variable>
<xsl:variable name="securityTrimming" select="1"></xsl:variable>
<!--Alternate page title variable in here-->
 
<!--Styles for the navigation-->
 <xsl:variable name="ulBaseClass" select="vertical"></xsl:variable>
<xsl:variable name="branchClass" select="branch"></xsl:variable>
 <xsl:variable name="selectedClass" select="selected"></xsl:variable>

.vertical ul {margin-right:10;padding:0;}
.vertical ul.lv1 { margin:0; padding:10px 0 40px 0; list-style:none; }
.vertical ul.lv1 li { display:block; height:auto !important; height:37px;  border-bottom:1px solid #d5d6d7; }
.vertical ul.lv1 li a { display:block; background:url(../media/EnLitenPil2.png) right 10px no-repeat; height:27px; color:#000000; text-decoration:none; padding: 8px 0 0 0px;  }
.vertical ul.lv1 li a:hover { background:url(../media/EnLitenPil2_Blue.png) right 10px no-repeat !important; color:#000000;}
.vertical ul.lv1 li.selected a {  background:url(../media/EnLitenPil2_Blue.png) right 10px no-repeat !important; background-color:#222222;}

.vertical ul.lv2 {margin:0px 0 0 0px;}
.vertical ul.lv2 li { display:block; border-bottom:0px solid #dedede; background:none; padding:0px 0 0 0px;}
.vertical ul.lv2 li a {padding:0 0 0 5px;background:url(../media/SmallArrow_Black.png) right 8px no-repeat !important;}
.vertical ul.lv2 li a:hover {color:#fc5904;background:url(../media/EnLitenPil2_Blue.png) right 8px no-repeat !important;}
.vertical ul.lv2 li.selected a {color:#fc5904;background:url(../media/EnLitenPil2_Blue.png) right 8px no-repeat !important;}

.vertical ul.lv3 {padding:5px 0 0 10px;}
.vertical ul.lv3 li { display:block; border-bottom:0px solid #dedede; background:none; padding:5px 0 0 15px;}
.vertical ul.lv3 li a {padding:0 0 0 15px;background:url(../media/EnLitenPil2_Blue.png) 0px 8px no-repeat !important;}
.vertical ul.lv3 li a:hover {color:#fc5904;background:url(../media/EnLitenPil2_Blue.png) 0px 8px no-repeat !important;}
.vertical ul.lv3 li.selected a {color:#fc5904;background:url(../media/EnLitenPil2_Blue.png) 0px 8px no-repeat !important;}