La imagen es un elemento que solo esta cerca. Primero viene la imagen y luego una lista que se puede extender hasta debajo de la imagen , es decir que fluye alrededor de la imagen.
Código:
<div class="left-content">
<a id="text_bild__standard" name="text_bild__standard"></a>
<div class="section text_image_new">
<h1>
<div id="ID" class="preview"> TEST </div>
</h1>
<span class="image_left onethird_size">
<a target="_self" href="http://www.forosdelweb.com/f53/iconos-elementos-lista-desaparecen-detras-imagen-1030908/">
<img id="ID" class=" preview " width="186" height="196" alt="" title="" src="http://www.forosdelweb.com/f53/iconos-elementos-lista-desaparecen-detras-imagen-1030908/x.png">
</a>
</span>
<div id="ID" class="preview">
<ul class="textlist">
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
<li>f</li>
<li>g</li>
<li>h</li>
<li>i</li>
<li>k</li>
<li>l</li>
<li>m</li>
<li>n</li>
<li>o</li>
<li>p</li>
</ul>
<br>
<div class="clear_both_margin"></div>
<br>
<div class="clear_both_margin"></div>
<div style="clear:both"></div>
</div>
<div class="clear_both"> </div>
</div>
</div>