How to wrap a list around a block / image?

Question

I am trying to wrap a list around a block, and IE does not make my life easier.

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

Take a look at an example: http://jsfiddle.net/xA9n8/

How to fix it?

UPD: I tested it in IE9.

Answer 1

For googlez:

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

Answer 2

, float:left; . , <div style="clear: left;" />, .

Answer 3

Give it a try ul{float:left;}. I think it works.