Este es el código de la fotografía y el de la lista que está a la derecha:
# foto {border:1px solid #74AB00; padding:3px; float:left; margin:0 10px 10px 0;}
.circle li, . { background: url(images/list.gif) no-repeat 0px 6px; padding-left:13px;}
.circle ul {margin-left 10px; padding:0;}
<div id=”foto”><img src="images/foto.jpg" /></div>
<ul class="circle">
<li>Dirección: C. San Román</li>
<li>Teléfono: 915 555 555 </li>
</ul>
Os dejo un ejemplo, como véis en la imagen de abajo (visto en IE) el background de la lista se queda por detrás de la fotografía porque la capa empieza en el mismo punto que la foto. Ah, y no quisiera poner list-type-image, que siempre se me descuadra mucho cuando las listas tienen más de una línea.
