CSS, aby zatrzymać zawijanie tekstu pod obrazem

Mam następujący znacznik:

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

Chcę, żeby tekst zawijał się, ale nie trafiał do „kolumny” obrazu. Wiem, że mogę to zrobić za pomocątable (co robiłem), ale nie nadaje się do tegoten powód.

Bez powodzenia wypróbowałem następujące rzeczy:

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

Próbowałem teżfloat: right.

Dzięki.

EDYCJA: Chcę, żeby wyglądało to tak:

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

Nie tak jak to:

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