Problema con la viñeta de un menú

[pann84]

Tengo problemas con un menú, le he cambiado la viñeta por una imagen, lo que pretendo es que cambie en el hover, a otra imagen diferente, pero no se por qué, no hace ni puñetero caso al código... os dejo el código a ver si se os ocurre qué hice mal:

Código:

CSS

.c2Ul li {
	list-style-image: url(../img/vineta_c2.png);
	border-bottom: 1px solid #ccc;
	margin: 10px 52px 2px 0;
}
.c2Ul li a {
	text-decoration: none;
	color: #333;
	font-family: Helvetica;
	font-size: 1.0em;
}
.c2Ul li a:hover {
	list-style-image: url(../img/vineta_c4.png);
	font-weight: bold;
}

XHTML

<div class="courses2">
        
          <ul class="c2Ul">
            <li><a href="#">Soldadura</a></li>
            <li><a href="#">Gas</a></li>
            <li><a href="#">Climatizaci&oacute;n</a></li>
            <li><a href="#">Energ&iacute;a Solar</a></li>
            <li><a href="#">Biomasa</a></li>
            <li><a href="#">Energ&iacute;a Geot&eacute;rmica</a></li>
            <li><a href="#">Instalaciones Industriales</a></li>
          </ul>
        
</div>

Gracias por adelantado!!!