Decoración en los enlaces

Hola a todos. Después de mirar por todos los lados, no encuentro la manera de desplazar (que no quitar) el punto en los enlaces.
Os lo explico mejor:

ul{list-style-image:url(images/indicador.png);

Éste código lo tengo puesto en el CSS para que al lado de cada enlace aparezca una imagen llamada indicador.png. (este fallo también me pasaba antes de poner la imagen) y en Firefox, no hay problema, pero en Chrome y Safari, la imagen sale encima del texto a la derecha. En Internet Explore ni lo he mirado, pero debe de salir por cuenca más o menos, jaja.

Estoy buscando información relativa a -webkit- pero no encuentro lo que quiero, solo encuentro para redondear div.
Por favor, ¿alguien me podría ayudar?
A ver si te sirve esto..

ul
{
list-style-type:none; <!-- ningún estilo... -->
padding:0px; <!-- limpiamos padding.. -->
margin:0px; <!--limpiamos margen -->
}


ul li
{
background-image:url(sqpurple.gif); <!-- imagen que quieres poner como puntito -->
background-repeat:no-repeat; <!-- para que no se repita la imagen todo el rato hasta el final -->
background-position:0px 5px; <!--posicion de la imagen, te ayuda a regular la posicion de la imagen respecto a las letras -->
padding-left: 50px; <!-- desplazas desde la izquierda 50px o los que quieras.. -->
}
Muchas gracias Game Over, lo de limpiar el padding y el margin me parece una muy buena idea.
Mil gracias.