scusami mi sono spiegato male cercavo una soluzione in css, comunque questo è il codice della tabella che non è più di 300 px ma 290 totale:

codice:
<table width="290" border="0" cellspacing="0" cellpadding="0">
       <tr> 
          <td width="12">[img]px_vuoto.gif[/img]</td>
          <td width="281"><span class="Stile4">Titolo</span></td>
          <td width="7">[img]px_vuoto.gif[/img]</td>
        </tr>
        <tr> 
          <td width="12"></td>
          <td width="281"><span class="Stile4"><font size="1" face="Arial, Helvetica, sans-serif">titolo2</font></span></td>
          <td width="7"></td>
        </tr>
        <tr> 
          <td width="12"></td>
          <td id="titolo3" width="281"><div align="justify"><span class="Stile4" ><span class="norm">[img]foto.jpg[/img] 
ho un errore e non riesco a venirne a capo, ho creato una tabella larga 300 px con 
all'interno un campo dinamico che può contenere o solo testo o testo più immagini
 e qua viene l'errore, inserendo una foto larga 300 px a sx con del testo giustificato 
su mozilla il testo parte da sotto la foto in ie 6/7 invece rimane 
sulla destra allargando la pagina. </span></span></div></td>
          <td width="7"></td>
        </tr>
        <tr>
          <td></td>
          <td width="281"></td>
          <td></td>
        </tr>
        <tr> 
          <td width="12"></td>
          <td width="281"><hr color="#FF6600"></td>
          <td width="7"></td>
        </tr>
       </table>
come si vede ho fatto un casino.