padding-left:3px; klappt neben bild mit float:left; nicht

Hallo,
ich habe ein Bild mit dem CSS-Befehl "float: left"
Nebendran steht dann durch diesen Befehl ein Text, der mit "padding-left: 3px" ein bischen vom Bild weggerutscht werden soll, denn so sieht es am Bild zu arg rangequetscht aus.
Wieso klappt das nicht bzw. was muss ich machen, damit es klappt?
Hier der Code:

Code:                   In Zwischenablage kopieren (nur IE)

---

<img src="img/avatars/%pic%" style="float: left" alt="" /><div style="padding-left: 4px"> <table cellspacing="0" cellpadding="0" style="width: 100%"> <tr> <td align="left">%date% %time% <a href="index.php?site=content&id=%id%">%title%</a></td> <td align="right"><a href="index.php?site=comments&id=%id%">%num% Kommentar(e)</a></td> </tr> </table> %subheader%<br /><br /> %content%</div>1"><img src="img/avatars/%pic%" style="float: left" alt="" /><br/><div style="padding-left: 4px"><br/>    <table cellspacing="0" cellpadding="0" style="width: 100%"><br/>        <tr><br/>            <td align="left">%date% %time% <a href="index.php?site=content&id=%id%">%title%</a></td><br/>            <td align="right"><a href="index.php?site=comments&id=%id%">%num% Kommentar(e)</a></td><br/>        </tr><br/>    </table><br/>    %subheader%<br /><br /><br/>    %content%<br/></div>

---