¿Cómo ajustar una lista alrededor de un bloque/imagen?

Question

Estoy tratando de envolver una lista alrededor de un bloque y IE no hace mi vida más fácil.

El bloque está flotando a la izquierda, por lo que espero que la lista esté a la derecha. Si bien funciona en todos los navegadores, se ve bastante feo en IE, porque IE pone el texto a la derecha y las viñetas a la izquierda de la imagen.

Mire el ejemplo: http://jsfiddle.net/xA9n8/

cómo solucionar este problema?

UPD: Lo probé en IE9.

Answer 1

Dando a los elementos de la lista la propiedad float:left;seems to work. Es posible que desee insertar un <div style="clear: left;" /> después para evitar que otros elementos floten.

Answer 2

Probar ul{float:left;}. Creo que parece funcionar.

Answer 3

Para el googlez:

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