Hi, I am using the following technique to give an inline lists bullets

.navListContentHorizontal ul li{
display: inline;
padding-left: 10px;
background:url(images/contentBulletSquare.png) no-repeat center left;

It works fine in Firefox, but in IE6 the bullets shoot to the left of the bage when a list item begins a new line as the browser is resized, so the BG image bullet then appears on the left of the next line (kind of hidden under the bullet or text under it) rather than at the front of the list item before it breaks to the next line...

Any sugesstions??