problema con imagen al adjuntarla desde css

[ras_chalo]

hola, bueno necesito que en lado izquierdo del texto que esta en <li>, haya una flecha que es la imagen arrow.png

la verdad que no logro ver eso.. en cambio se me ve como la imagen que adjunto..

dejo el código :

Código CSS:

.list1
{
    
    text-align:left;
 
}
    .list1 li
    {
    background:url(img/arrow.png) no-repeat 4 px;
    padding:0 0 8px 22px;
    font-size: 15px;
    font-weight: bold;
    padding-left: 10px;
    margin-bottom:6px;
    margin-top: 10px;
    margin-left: 10px;
    
    }
 

y se ve así:



Necesito que en el lugar del punto aparezca mi imagen arrow.png


Espero sus respuestas
de ante mano muchas gracias!!

[rimboe]

pone a backgrount las propiedades no-repeat y left, y asegurate de que la ruta es la correcta...

no tendrás que hacer ../ ?

Saludos!

[sanxuan]

Puedes definirla para la etiqueta ul de la manera siguiente:

ul.flecha{
list-style: url('arrow.png');
}

y el HTML sería <ul class="flecha"><li>Elemento</li>...</ul>

Eso hará que se sustituya el punto por tu imagen.

[ras_chalo]

Iniciado por sanxuan

Puedes definirla para la etiqueta ul de la manera siguiente:

ul.flecha{
list-style: url('arrow.png');
}

y el HTML sería <ul class="flecha"><li>Elemento</li>...</ul>

Eso hará que se sustituya el punto por tu imagen.

Muchas gracias!
era justo lo que necesitaba

Saludos y nuevamente muchas gracias!!!