CSS ul li image to align with text

Question

I have a CSS like this

ul {
    list-style-image:url(images/bulletArrow.gif);
}

ul li {
    background: url(images/hr.gif) no-repeat left bottom;
    padding: 5         


        

Answer 1

There is a good explanation and solution of this here: http://css.maxdesign.com.au/listutorial/master.htm

It says that using list-style-image results in inconsistent placement of the image with different browsers. Then it explains how to use background images for the bullets for a better result.