MyBB Community Forums

Hi there I am having problems with the menu active CSS.

What I mean is I can get the hover to work (When I hover over a menu item it changes image.) but I cant get it to stay like that once selected. Like mybb.com's menu.


Pic of the menu hover:


I want it to stay like that once selected.

My menu CSS:

.menu ul {
        color: #ccccce;
	font-weight: bold;
	text-align: right;
	padding: 7px;
}

.menu ul a:link {
        Background: url(images/vividbb/thead_bg.png) top left repeat-x;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-top: 1px solid #000;
	color: #fff;
	text-decoration: none;
        padding: 7px;
}

.menu ul a:visited{
        background: Background: #000 url(images/vividbb/thead_bg.png) top left repeat-x;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-top: 1px solid #000;
	color: #fff;
	text-decoration: none;
        padding: 7px;
}

.menu ul a:active, .menu ul a:hover{
        background: #000 url(images/vividbb/panelbg.png) top left repeat-x;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-top: 1px solid #000;
        
	color: #fff;
	text-decoration: none;
        padding: 9px;
}

Anyhelp is appreciated.

---

Any body ?

In the source code, you have "class=active" remove that for the membes.