How to wrap a list around a block/image?

Question

I'm trying to wrap a list around a block and IE doesn't make my life easier.

The block is floating on the left, so I expect the list to be on the right. While it works in all browsers, it looks pretty ugly in IE, because IE puts the text on the right and the bullets on the left of the image.

Look at the example: http://jsfiddle.net/xA9n8/

How to fix this?

UPD: I tested it in IE9.

Answer 1

For the googlez:

#somebox ul li {
  list-style-position: inside;
}

Answer 2

Giving the list items the property float:left; seems to work. You may want to insert a <div style="clear: left;" /> afterwards to prevent further elements from floating.