[SOLUCIONADO] Cambiar posicion de cuadro en lista ordenada

[indie_rok]

Hola amigos!

Pues resulta que estoy haciendo mi lista ordenada como siempre, dando el siguiente resultado:



Sin embargo, mi cliente es muy meticuloso, y quiere el siguiente resultado:



Como podran ver el puntito amarillo esta un poco mas arriba. (el de la imagen lo movi con photoshop) y esta un poco mas justificado

El codigo que uso es el siguiente:

Código:

li.mule{
	background-image:url(imagenes/bullet.jpg);
    background-repeat: no-repeat;
    background-position: 0px 30%;
    padding-left: 22px;
	float:none;
	display:list-item;
	margin-bottom:10px;
}

imagenes/bullet es el punto amarillo que aparece alli.

Alguna propuesta?

Saludos

[Rafael]

No utilices background image, utiliza list-style
http://www.w3schools.com/cssref/pr_list-style.asp

[indie_rok]

Ya quedo! Muchas gracias!

El codigo que use por si a alguien le sirve

Código:

li.mule{
	list-style:square url("imagenes/bullet.jpg");
	text-align:justify;
	float:none;
	display:list-item;
	margin-bottom:10px;
}

strong.texto_bullet
{
	padding-right:30px;
	position:relative;
	left:-4%;
}

Cree una nueva clase para cambiarle un poco la direccion de las letras en negritas.

Saludos