Por que meus marcadores de item de lista se sobrepõem a elementos flutuantes

Eu tenho uma página (XHTML Strict) onde eu flutuo uma imagem ao lado de parágrafos regulares de texto. Tudo vai bem, exceto quando uma lista é usada em vez de parágrafos. Os marcadores da lista se sobrepõem à imagem flutuada.

Alterar a margem da lista ou os itens da lista não ajuda. A margem é calculada a partir da esquerda da página, mas o flutuante empurra os itens da lista para a direitadentro ali em si. Portanto, a margem só ajuda se eu for mais largo que a imagem.

Flutuando a lista ao lado da imagem também funciona, mas eu não sei quando a lista está ao lado de um float. Eu não quero flutuar todas as listas no meu conteúdo apenas para corrigir isso. Além disso, flutuar à esquerda atrapalha o layout quando uma imagem é exibidapara a direita em vez de sair da lista.

Configuraçãoli { list-style-position: inside } move as marcas junto com o conteúdo, mas também faz com que as linhas que são quebradas sejam alinhadas com o marcador, em vez de alinhadas com a linha acima.

O problema é obviamente causado pelo bullet sendo renderizado fora da caixa, o float empurrando o conteúdo da caixa para a direita (não a própria caixa). É assim que o IE e o FF lidam com a situação e, até onde eu sei, não estão errados de acordo com as especificações. A questão é, como posso evitar isso?

questionAnswers(23)

yourAnswerToTheQuestion