Problema con jquery y CSS

[Wertas]

Código:

#quicksearch ul{
	position:absolute;
	top:69px;
	width:325px;
	display: block;
	padding-left: 0px;
	margin-left: 137px;
	float:left;
	text-align:left;
	border: 1px solid #ccbf53;
	background-color:#FFF5EE;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 175%;
	z-index: 1000;
	-moz-opacity: 0.85;
	filter:alpha(opacity=90);  
	-moz-opacity: 0.9;  
	-khtml-opacity: 0.9;  
	opacity: 0.9;
	
	list-style:none !important;
}

#quicksearch ul li a{
	background-color: #fff;
	display: block;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

#quicksearch ul li a:hover{
	color: white;
	background-color: #990000;
	text-decoration: none;
}

.asdf{
	color: 				white 	!important;
	background-color: 	#990000 !important;
	text-decoration: 	none;
}

He buscado que con poner !important se evita la herencia en cascada de css porque parece ser que el problema es ese pero aun así no consigo fijar la clase "asdf" en el hipervínculo. Alguna sugerencia?


PD.: como podeis observar he cambiado de clase a identificador pero esto no altera nada el código anterior al igual que el span por la lista desordenada.