[Css] Problème de sous classe

Bonjour,

Je souhaiterai appliquer sur certaines balises <li>, un background différent de celui de base. Là j'avoues que je sèches car j'ai beau faire plusieurs essais et le résultat est décevant ...

Je souhaiterai appliquer une balise de ce type <li style="w_fleche">

Le css actuel :

<style type="text/css">
#demo_css {
	font-size: 12px;
	color: #000;
}

#demo_css ul {
	float: left;
	width: 259px;
	margin: 0;
	padding: 0;
	background: #d4d0c8;
}

#demo_css li {
	list-style-type : none;
	height: 32px;
	line-height: 16px;
	padding-left: 2px;
	background: url(os/small_fleche.gif) no-repeat right;
}

#demo_css li:hover {
	color: #FFF;
	background: url(os/small_fleche_hover.gif) no-repeat right #0a246a;
}
</style>

Merci à vous.