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!!!

[TheDark03]

Hola...

wenoo veo en tu css q usas el list-style-image q yo sepa esta es una propiedad para listas exclusivamente para la etiqueta <ul>,<ol> y <li> q no funcionan en otras...

ahora lo q se me ocurrio fue q lo trabajes con el background-position.. te dejo un ejemplo rapidito q hice

Código CSS:

.c2Ul li {
    display:block;
    border-bottom: 1px solid #ccc;
    margin: 10px 52px 2px 0;
    width:250px;
    height:auto;
    padding-left:50px;
    background:url(li.jpg) 0% 5% no-repeat;
}
.c2Ul li a{
    text-decoration: none;
    color: #333;
    font-family: Helvetica;
    font-size: 1.0em;
}
.c2Ul li:hover{
    font-weight: bold;
    background:url(li.jpg) 5% 5% no-repeat;
}
 

es tu mismo code asi q no tendras problemas...

Saludos...

[pann84]

Acabo de probarlo, y no va. De hecho en Safari y en Chrome la viñeta se va a la otra punta de la pantalla, el punto es que esté alineado a la derecha, pero la viñeta se queda totalmetne a la izquierda, y no cambia con el Hover. Graicas de todos modos, la verdad es que soy novatilla y no tenía ni idea que list-style-image no funcionaba con otros elementos de una lista, pero ya nos e me olvida.

Si se os ocurre algo más...

[TheDark03]

Hola
mira bien derepente no lo has implementado bien...

o derepente yo me equivoco o no era lo q esperabas conseguir y yo entendi mal

http://probandoindexz.webcindario.com/pan.html

Saludos DTB

PD:probado en chrome, safari, firefox, opera y IE 8 y 7 (en el 7 funciona con unas cuantas modificaciones y en el 6 no funka pero arreglandolo si llega afuncionar)

[pann84]

Vale... soy parda, los estaba haciendo mal...

¡Funciona perfectamente!

Muchísimas gracias ^^