Li bg img alignment problem

HTML & CSS
1

Hi Guys,

I’m using a background images for my li’s, all is working well, but when the content of the li goes to next line the horizontal alignment of li image goes out and the li sits in the centre of the content.

I want the li to align to the top.

Here is my code


.content_bullets ul  {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.content_bullets li  {
	list-style: none;
	background-image: url(http://kurt.sybaweb.co.za/images/stories/images/li.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding-left: 10px;
}

green boxes indicate problem li’s.

2

Any help here.

3

background-position: top;

tried above, no change in li display.

4

Why not align the background to the top?