Intenta con esto
CSS:
#menu ul {list-style-type: none; }
#menu li {margin: 0px; padding-left: 10px;}
#menu li:hover {background: url(imagen.png) left center no-repeat;}
#menu li:hover label{background: url(imagen.png) right center no-repeat; padding-right: 20px;}
#menu .activo{background: url(imagen.png) left center no-repeat;}
#menu .activo label{background: url(imagen.png) right center no-repeat; padding-right: 20px;}
HTML:
<div id="menu">
<ul>
<li class="nivel1 activo" ><label><a id="activo" href="#">Inicio</a></label></li>
<li class="nivel1"><label><a href="#">¿Quienes somos?</a></label></li>
<li class="nivel1"><label><a href="#">Asociación</a></label></li>
<li class="nivel1"><label><a href="#">Servicios</a></label></li>
<li class="nivel1"><label><a href="#">Hazte Socio</a></label></li>
<li class="nivel1"><label><a href="#">Noticias</a></label></li>
</ul>
</div>
Suerte!