How to change background on active tab?

On the example for control.tabs, I saw that when you've clicked a tab, and you click on something else on the page, the tab remains "highlighted". But upon copying the source for Example 1 code, it doesn't do that (meaning the tab background returns to being white, even when it is the current tab). Is there any "special" modifications to the code that I should know about?

Here's the section of my stylesheet which has the styles for the tabs:

/* Login tabs */
.login_text ul.tab {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #cccccc;
    height: 20px;
    clear: both;
}
.login_text ul.tab li {
    float: left;
    text-align: center;
}
.login_text ul.tab li a {
    display: block;
    height: 20px;
    background-color: #ffffff;
    color: #666666;
    width: 80px;
}
.login_text ul.tab li a:hover {
    color: #666666;
}
.login_text ul.tab li a:active {
    background-color: #dddddd;
}

Posted February 3rd, 2008 at 12:32pm by john010117

NEVER MIND. I figured it out. It's a.active not a:active.

Posted February 3rd, 2008 at 5:29pm by john010117