Question

What I am trying to accomplish is creating a feature for a solid line on click on my navigational menu bar. I have tried to use this code:

div.menu ul li a:active
{
    text-decoration:none !important; 
    background-color: white;
    color: #999999;
    text-decoration:none !important; 
    border-bottom: thick outset White;
}


div.menu ul li a:visited
{
    display: inline;
    line-height: 13.6px;
    padding: 4px 20px;
    white-space: nowrap;
    text-decoration:none !important; 
    border-bottom: thick outset White !important;
}

It works on my hover:

div.menu ul li a:hover
{
    color: White;
    text-decoration:none !important; 
    border-bottom: thick outset White;
}

So the probable issue is that it’s a browser problem. Does anyone have a solution? an example would be nice.

Answer 1

Problem with my code is that I am using a generated asp:menu item. Instead of using ul ,li, and a tags. If I have used it from the start I wouldn’t confuse myself with server side code and client side code.