Oblanie obrazka tekstem, problem z <ul> Opcje

[yavaho]

Dalem taki przyklad oblania obrazka tekstem (lepiej to jest widoczne w mniejszym okienku) a ponizej to samo ale zamiast tekstu jest wypunktowanie. I mam problem z ustawieniem odpowiedniego marginesu w przypadku wypunktowania. Caly czas kropeczki sa schowane za obrazkiem.

[HTML] pobierz, plaintext 
<style>
.left {
	float: left;
}
.img {
	width: 90px;
	height: 90px;
	margin: 0px 5px 0px 100px;
	border: 2px solid #cccccc;
}
.txt {
	margin: 0px 100px 0px 100px;
}
.ul {
	margin: 0px 100px 0px 100px;
}
</style>
 
<div class="left">
  <img class="img" src="http://forum.php.pl/uploads/av-6503.png" />
</div>
 
<p class="txt">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
 
<hr style="clear:both;" />
 
<div class="left">
  <img class="img" src="http://forum.php.pl/uploads/av-6503.png" />
</div>
 
<ul class="ul">
  <li>1</li><li>2</li><li>3</li>
  <li>4</li><li>5</li><li>6</li>
  <li>7</li><li>8</li><li>9</li>
</ul>
[HTML] pobierz, plaintext 

[revyag]

Kod

<style type="text/css">
.fleft {
    float:left;
    padding: 0 5px 5px 5px;
}
.img {
    display:block;
}
.txt {
    width:75%;
}
ul {
    margin:0 0 0 15px;
    padding:0;
}
br.clr {
    clear:both;
}
</style>

[HTML] pobierz, plaintext 
<img src="obrazek.jpg" alt=" " class="fleft img" />
    <div class="fleft txt">
        <ul>
        <li>
            Curabitur ac nulla. Vestibulum elementum pulvinar massa. Donec sed quam.
            Donec ac metus a lorem aliquam laoreet. Nullam tempor pede at tellus.
        </li>
        <li>
            Curabitur justo. Praesent nec enim in odio cursus ultricies. Ut ac nunc vitae
            sapien tempus nonummy. Phasellus ut massa quis magna porttitor bibendum.
            Vestibulum in ipsum.
        </li>
        <li>
            Morbi lacus magna, hendrerit ut, fermentum et, commodo non, ligula.
            Quisque vel tortor. Etiam dictum augue eget purus. 
        </li>
        </ul>
    </div>
    <br class="clr" /><br />
[HTML] pobierz, plaintext