<p>I have a CSS like this</p>

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

ul li {
    background: url(images/hr.gif) no-repeat left bottom;
    padding: 5px 0 7px 0;
}
</code></pre>

<p>But the bullet image doesn't align properly in IE (it's fine in Firefox).
I already have a background image for li, so I can't use the bullet image as a background.
Is there any solution to this?</p>

<p>Thanks in advance.</p>

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.