>> In Moz, everything displays properly. But in IE and Opera, the image
>> displaces the list bullets and floats on top of/between the bullet and
>> list item.
> try removing the arrow as a background image and edit your
> "list-style:none;" to say "list-style: url(/images/global/arrow.gif);"
> for your unordered list (<ul>)
> setting a custom image for <li> elements as the bullet graphic is
> achieved by above code, there's no need to use a background image :^)
I tried it and it seems to be working except that the
bullets are outdented.
In trying to fix, I took out the marginns and padding. I
added margin-left back in to the li element and that align
the bullets correctly in Moz. Nothing seems to budge the
bullets in IE. It's "okay....but" . Prefer to have the
bullets in the "right" place.
Any more ideas?
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/