mrz035 on "active image blijft niet"

Hallo,

Ik heb een probleempje met mijn menu. Wanneer ik op een item klik dan komt er een hover. Alleen nu is het zo dat ik deze hover ook mijn active wil. Heb al meerdere dingen geprobeerd maar hij blijft maar hij doet het maar niet.

http://www.afslank-coach.net is de site waar het over gaat.

Hier is de code van mijn menu:

/*** ESSENTIAL STYLES ***/
.nav, .nav * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.nav {
	line-height:	1.0;
}
.nav ul {
	position:		absolute;
	top:			-999em;
	width:			13em; /* left offset of submenus need to match (see below) */
}
.nav ul li {
	width:			100%;
}
.nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.nav li {
	float:			left;
	position:		relative;
}
.nav a {
	display:		block;
	position:		relative;
}
.nav li:hover ul,
.nav li.sfHover ul,
.nav li:active ul, {
	left:			0;
	top:			45px; /* match top ul list item height */
	z-index:		1999;
}
ul.nav li:hover li ul,
ul.nav li.sfHover li ul,
ul.nav li:active li ul{
	top:			-999em;
}
ul.nav li li:hover ul,
ul.nav li li.sfHover ul,
ul.nav li li:active {
	left:			13em; /* match ul width */
	top:			0;
}
ul.nav li li:hover li ul,
ul.nav li li.sfHover li ul,
ul.nav li li:active li ul {
	top:			-999em;
}
ul.nav li li li:hover ul,
ul.nav li li li.sfHover ul,
ul.nav li li li:active ul {
	left:			13em; /* match ul width */
	top:			0px;
}

/*** DEMO SKIN ***/
.nav {
	float:	right;
	font-family:'Open Sans', sans-serif;
	font-size: 13px;
	margin-top: 24px;
	margin-left: 20px;
}
.nav a {
	padding: 1.3em 1em 1.3em 1em;
	text-decoration:none;
}

.nav a, .nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #181818;
}

.nav li {

}
.nav li li a {
	background:	#c9c9c9;
	border-bottom: 1px solid #dbdbdb;
	color: #000;
}

.nav li li a:visited {
	color: #000;
}

.nav a.active {

		outline: 0;
	color: #000;
	background: url(http://www.afslank-coach.net/wp-content/uploads/2013/05/hover.gif) no-repeat center bottom!important;
}

.nav li ul {
	background:	#fff;
}

.nav a:hover {
	outline: 0;
	color: #fff;
	background: url(http://www.afslank-coach.net/wp-content/uploads/2013/05/hover.gif) no-repeat center bottom!important;
}

.nav a:active {
	outline: 0;
	color: #fff;
	background: url(http://www.afslank-coach.net/wp-content/uploads/2013/05/hover.gif) no-repeat center bottom!important;
}