css - テキストエリアがページよりも広いのはなぜですか?

Question

XHTML 1.0 トランジショナル ページ (W3C のバリデーターを使用して検証済み) を作成しtableましtextareaた。

<table>
    <tr>
        <td>
            <textarea rows="" cols="">
            </textarea>
        </td>
    </tr>
</table>

そして、外部スタイルシートで、tableandのコードを書きましたtextarea:

table {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
textarea {
    width: 100%;
    height: 200px;
    padding: 20px;
    margin: 0px;
}

しかし、何らかの理由で、 のパディングがtextareaその幅に影響し、textareaがページの幅を超えて、不要なオーバーフローが発生します。

textarea幅に影響を与えずにパディングを適用する方法はありますか?