Code: 
<ul id="navigation">
                <li class="active"><a href="/">Home</a></li>
                <li class="active"><a href="/myaccount">My Account</a></li>
                <li class="active"><a href="/editaccount">Edit Account</a></li>
                <li class="active"><a href="/logout">Logout</a></li>
</ul>
This is my HTML, how do I highlight the current tab which is currently viewed on the browser?

Code: 
ul#navigation li
{
    float: left;
    margin: 0 1px 0 0;
    padding: 8px 10px 8px 10px;
    font-size: 0.8em;
    background: #161616;
    /*background: #fff url(images/tab_background.gif) top left repeat-x;*/
    font-family: "Verdana", sans-serif;
}

ul#navigation :hover
{
    background: #376a00;
}

/*Navigation Text*/
ul#navigation li a
{
    color: #FFF;
    text-decoration: none;
}

ul#navigation li a:hover
{
    color: #fff;
    font-family: "Verdana", sans-serif;
}

ul#navigation li.active
{
    border-bottom: 1px solid #000;
    background: #81CA2A;
}
I would appreciate any help guys. I'm only learning CSS and HTML.
NewBiee Reviewed by NewBiee on . Simple CSS highlight help <ul id="navigation"> <li class="active"><a href="/">Home</a></li> <li class="active"><a href="/myaccount">My Account</a></li> <li class="active"><a href="/editaccount">Edit Account</a></li> <li class="active"><a href="/logout">Logout</a></li> </ul> This is my HTML, how do I highlight the current tab which is currently viewed on the browser? Rating: 5