[CSS][HTML]textarea rozwala content

[kolec]

Witam,

Mój problem wygląda następująco:
Moja stronka jest podzielona tabelką o dwóch kolumnach:
1. Menu boczne [stała szerokość 20px],
2. Przerwa (15px);
3. Content - szerokość zajmuje całą resztę.

Mój problem polega na na tym, że kiedy wpisze dużą ilość znaków (bez entera) do pola textarea i następnie ukryję kolumnę 1, to pole rozszerza się maksymalnie na prawo wyjeżdżając nawet poza przeglądarkę .

Układ (kolumna 3) jest następujący:

Kod:

<td class="RightColumn"> <!-- moj content -->
     <div class="content">
          <table ="FormTable">
                <textarea cols="5" rows="45"></textarea>
          </table>
     </div>
</td>

Kod css:

Kod:

.RightColumn{
    overflow:hidden;
}

.content {
    width:100%
}

textarea {
    width:70%;
}

Wygląda na to, że ustawiona procentowa szerokość pola tekstowego nie "blokuje go", pole stara się dostosować do ciągu znaków. Problem nie występuje, gdy ustawie temu polu stałą szerokość w px, lub nie ustawie jej wcale. Ma ktoś pomysł ?

Pozdrawiam i dzięki