Image alignment - bulleted lists do not wrap correctly.

[Zoltan Koszegi]

If a bulleted list wraps to the right around a left-aligned image, the bullets do not move with the list. Instead, the bullets appear left aligned on top of the image, and the list text wraps to the right of the image.

STR (I used full featured demo page with IE11)

1. Clear the page and insert a larger graphic.
2. Create a bulleted list below the image.
3. Select the image and apply a left-alignment.
4. The bullet text wraps to the right of the image, but the bullets appear at the left margin on top of the image.

Please see the attached image.

[Jakub Ś]

This is Browser issue which can be fixed with appropriate CSS rules.
Please see: ​http://stackoverflow.com/questions/710158/why-do-my-list-item-bullets-overlap-floating-elements

What you can do is experiment with overflow:hidden or below rules.

ul {
    list-style: outside disc; /* or inside - depends what one likes*/
    margin-left: 1em;
}
ul li {
    position: relative;
    left: 1em;
    padding-right: 1em;    
}​

[Piotrek Koszuliński]

Well, it's not a browser issue - it's a CSS's default behaviour. One may not like it, but it's not a bug definitely. And it can be "fixed" by tweaking CSS.