CSS para parar a quebra de texto sob a imagem

Eu tenho a seguinte marcação:

<li id="CN2787">
  <img class="fav_star" src="images/fav.png">
  <span>Text, text and more text</span>
</li>

Eu quero isso para que, se o texto envolver, ele não entre na "coluna" da imagem. Eu sei que posso fazer isso com umtable (o que eu estava fazendo), mas isso não é viável paraesta razão.

Eu tentei o seguinte sem sucesso:

li span {width: 100px; margin-left: 20px}
.fav_star {width: 20px}

Eu também tenteifloat: right.

Obrigado.

EDIT: eu quero que fique assim:

IMG   Text starts here and keeps going... and
      wrap starts here.

Assim não:

IMG   Text starts here and keeps going... and 
wrap starts in the space left for the image.