IE/Opera Issue: Wrapping li bullets around left floated image

[plasko]

I’m really getting desperate trying to do something that initially appeared very simple.

I have a left floated image with bulleted li’s that need to flow around the image. Some of the li text is multi-line. The wrapped lines should start flush with the text from the first line (not the bullet).

This works fine in FF/Safari/Chrome. **In IE/Opera, the bullets are positioned on top of the image.** I’ve read about this issue in different forums, but never got a clear solution. Can someone please help?

Reduced Test Case: http://www.wisemusician.com/bus.html

[Paulie_D]

Works fine for me in IE9

[plasko]

Yes, it does work correctly on some versions of IE.

[Paulie_D]

Then you need to be more specific. In which versions of IE isn’t it working?

Why not, as most of us do, have a separate IE conditional stylesheet to ‘fix’ the issue?

[jwebcat]

agreed or use Modernizr. http://modernizr.com/

[plasko]

Sorry for being vague.

It’s broken in all versions of Opera

It’s broken in IE9 on Win 7

Works on IE7, IE8 (XP/Win 7) ,IE9 on XP

How would I target Opera with a conditional stylesheet? Doing so with IE makes sense.

[Author]

Posts