Problemas con list-style y imagen

[fedefrankk]

Hola a todos, tengo algo parecido a un menu creado de la siguiente forma:

li:hover {list-style-image:url('03_port_productos/01.gif');font-weight:bold;cursor:pointer; font-size:14px}


<div class="solaproductos" id="solpro">


<ul>
<li><span onclick="b1()" id="t01b" class="este">CENTRALES</span></li>
<li><span onclick="b2()" id="t02b" class="este">TERMINALES</span></li>
</ul>
</div>

lo que quiero poner es un icono (imagen) en el list-style, sale todo bien pero queda mucho espacio entre la letra..



esa flecha queda muy lejos del texto, la linea roja es solamente de referencia del espacio. existe alguna manera de acercar esa imagen mas al texto?

Bueno, saludos a todos gracias de antemano
Fede

[cristian_qc]

Bueno podrías agregarle esto:

Código CSS:

text-indent: -5px;
 

Creo que es una salida rápida, osea no es la forma correcta pero bueno solucionarías tu problema.

[fedefrankk]

Hola, muchas gracias por contestar, si me sirvio, me hacerca la letra de derecha a izquieda, lo que no hace es hacercar la flecha de izquierda a derecha, veo como lo soluciono,
Muchas gracias por tu aporte.
Saludos
fede