list background image problem

[hairtransplant]

I am working on a web site for a company and have found my self hung up on some CSS Background-image Bullets
Note that I've disabled the links and the images for privacy reasons, I'm just concerned about the bullets.

They can be seen here...
Untitled Document



In Internet Explorer, the bullets are fine (I intend to shift them up a pixel or two), however, in FireFox, the bullets don't hang anywhere close to where I'd like them too. Which would be adjacent to the first line of however many lines may exist.

I've tried a few different approaches and can't get close. Here's the CSS controlling those blue bullets.

ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
ul li {
background-image: url(../images/lmm_blue-bullet.jpg);
background-repeat: no-repeat;
background-position: 12px left;
margin-left:12px;
padding: 4px 25px 0px 8px;
}

This code comes through a linked style sheet.

Thoughts? It seems to be a background-position problem, but not sure how to handle it. Anyone know a good FireFox CSS resource?

Thanks for any advice.