Salve tramite jquery faccio un semplicissimo mouseover per cambiare l'immagine di sfondo a dei tag[*]:

codice:
<style>
div.category>ul>li {
	width:156px;
	padding-bottom:20px;
	float:left;
	display:block;
	text-align:center;
	line-height:normal;
}
li.select_category_awelco { background:url(../image/document/arrowCategory.png) center bottom no-repeat; }
</style>

<script>
	$("a.category").live("mouseover", function(){
		if(!$(this).hasClass("select_category")){
			$("li.select_category").removeAttr("class");
			$("a.select_category).removeClass("select_category");
			$(this).addClass("select_category").parent().addClass("select_category");
	});

</script>

<html>
<body>
<ul>[*]<a class="category">....</a>[*]<a class="category">....</a>[*]<a class="category">....</a>[*]<a class="category">....</a>[/list]
come si legge dal codice col moise sopra i link cambi lo sfondo di[*] con arrowCategory.png

mi funziona benissimo solo per un particolare che non riesco a capire e che nell'ultimo tag[*] lo sfondo non lo cambia ma nei tag[*] precedenti va tutto bene lo sfondo cambia.

P.S. non mi chiedete perchè non hai fatto un semplice hover sui link perchè a me serve così.