im trying to design a small menu around the main menu but still in the same UL, all seems fine except for some reason the new class tag is not applied if its VISITED....cant seem to get it...
the page is
for your security
and the particular CSS ...
Code:
.udm ul.minimen {
width:8em;
border-color:#ff00005;
border-style:solid;
background-image:none;
background-color:#fec;
}
.udm span.minimen {
margin-left:2px;
margin-top:2px;
}
.udm span.minimen {
background-image:url(udm-resources/orangeshadow.png);
filter:none;
filter:alpha(opacity=50);
}
.udm li.minimen a,.udm li.minimen a:link,.udm li.minimen a.nohref {
border-color:#fec;
background-image:none;
background-color:#ff0000;
color:#803090;
border-style:solid;
border-width:0px;
text-decoration:none;
text-align:left;
font-style:normal;
font-size:70%;
}
.udm li.minimen a,.udm li.minimen a:link,.udm li.minimen a.nohref .udmA,.udm li.minimen a,.udm li.minimen a.nohref .udmA {
font-family:tahoma,sans-serif;
font-weight:normal !important;
}
.udm ul li.minimen a:visited,* html .udm ul li.minimen a:visited {
background-image:none;
background-color:#ff0000;
color:#ff0000;
border-color:#fec;
font-style:normal;
border-width:0px;
border-style:solid;
}
.udm ul li.minimen a.udmR,.udm ul li.minimen a.udmY,.udm ul li.minimen a.udmR:visited,.udm ul li.minimen a.udmY:visited,.udm ul li.minimen a:hover,.udm ul li.minimen a:focus,.udm ul li.minimen a.nohref:hover,.udm ul li.minimen a.nohref:focus,.udm ul li.minimen a:visited:hover {
background-image:none;
background-color:#ffff00;
color:#5656bd;
border-color:#edbb85;
text-decoration:none;
border-width:0px;
border-style:solid;
font-style:normal;
}
* html .udm li.minimen a:active {
background-image:none;
background-color:transparent;
color:#5656bd;
border-color:#edbb85;
text-decoration:none;
border-width:10px;
border-style:solid;
font-style:normal;
}