Help with active links

[tauris]

Im using pseudo classes to style the background of links based on their state, I have it working for the hover effect but I just can't seem to get it working for active links.

#sprynav li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
	font-weight: normal;
	line-height: 3em;
	padding-top: 17px;
	padding-bottom: 12px;
	position: relative;
	top: 4px;
	color: #FFF;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background:url(../_images/standardback.png)
}


#sprynav li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
	font-weight: normal;
	line-height: 3em;
	padding-top: 17px;
	padding-bottom: 12px;
	position: relative;
	top: 4px;
	color: #FFF;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background:url(../_images/backdowntwo.png)
}

#sprynav li a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
	font-weight: normal;
	line-height: 3em;
	padding-top: 17px;
	padding-bottom: 12px;
	position: relative;
	top: 4px;
	color: #FFF;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background:url(../_images/backdowntwo.png)
}

Any help?

[tauris]

Anyone?

[leviman99]

Without seeing the site in action it's difficult to say, but have you tried adding !important to the end of the background url, i.e:

background:url(../_images/backdowntwo.png) !important;