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