Why is my list-style-image being positioned differently in different browsers

On this page:

• http://run.xxmn.com/new/hot

in Chrome and IE 7, the bullet image I’ve ap开发者_开发百科plied to the “Top Coupons” list with list-style-image is on the right hand side of each list item.

In Firefox, it’s on the left, which is what I want.

How can I make it be on the left in Chrome and IE 7 too?

I'd suggest trying

li { padding-left: 20px; background: url(YOURIMAGE) no-repeat 0 50%; }

I think Chrome and IE 7 might be seeing the (Japanese? Chinese?) text on the page, and automatically switching to right-to-left rendering, which would put list bullets on the right of their list items.

I think lushnis’s solution is the best. You could amend the page or the list items to run left-to-right in CSS, but I’m not sure if this would screw up the text rendering.