Text Area problema in Html

Ciao ragazzi. Ho un problema con il mio sito www.udsbari.it
Come vedete se aprite con firefox nel box "Supporta" la textarea si vede bene, con IE7 la text area non rispetta più il 100% del div ma sballa e si allarga.
Ho provato in tutti i modi ma non riesco a contenerlo nel div. Come fare?

Ecco il codice

<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td>
<p align="center">
<img border="0" src="http://www.udsbari.it/public/image/logobanner.png" width="150" height="47"></td>
</tr>
<tr>
<td>
<p align="center">Inserisci nel tuo blog, nel tuo myspace, o nel tuo
profilo il banner dell'UdsBari! Ecco il codice:</td>
</tr>
<tr>
<td>
<p align="center"><textarea rows="3" name="S1" cols="20">&lt;a href=&quot;http://www.udsbari.it&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://www.udsbari.it/public/image/logobanner.png&quot;
alt=&quot;&quot; /&gt;&lt;/a&gt;</textarea></td>
</tr>
</table>

"Supporta" non l'ho trovato. Ma se metti questi al posto della tua textarea:

Codice HTML:

---

<textarea rows="3" name="S1" cols="20" style="width:100%">

---

dovrebbe funzionare. Il fatto è che indicando le colonne la larghezza dipende dal font utilizzato e quindi varia da browser a browser.