CSS bring Grafik durcheinander

[Thomas S.]

Hallo Gemeinde
ich habe folgendes Problem:

<tr>
    <td ROWSPAN="3" valign="top"><img SRC="../Bilder/akt04.jpg" height="145" width="311"></td>
    <td COLSPAN="2"><font size="-1" color="#FF0000" face="Arial"><b>Chancen zur Erneuerung -</b></Font><br><font size="-1" color="#FF0000" face="Arial"><b>Verpflichtung BESSER zu werden</b></Font><br><p style="margin:0cm 0cm 0cm 4.5cm"><font size="-1" color="#FF0000" face="Arial"><b>(K5/LK)</b></font></p><br><br>
    <p style="text-align:justify; margin-right:2cm"><font size="-1" color="#FF0000" face="Arial"><b>Text Text Text Text TextText Text Text Text TextText Text Text Text TextText Text Text Text TextText Text Text Text Text... <a
    href="Projekttext.htm"><img src="../gif/pfeil.gif" width="10" height="10" border="1" alt></a>
    mehr</b></font></p><br>
    </td>
  </tr>

Beim Netscape sieht es ganz gut aus aber beim IE kommt des Wort "mehr" (siehe am Ende vom HTML Code) vor dem img "pfeil.gif". Wie kann ich einen Blocksatz schreiben, wo zuerst das img kommt und dann das Wort "mehr". Ich kann das abschliessende </p> Tag nicht vor ziehen (vor<ahref="Projekttext.htm">...), da sonst ein Zeilenumbruch erfolgt, und dann erst das img.

Vielen Dank
Thomas S.