html - スクロール可能なテキストボックスを作成するにはどうすればよいですか?

Question

現在、このサイトには、フォーム内のメモ (長いテキスト) エントリに使用するための次の css クラスがあります。

.scrollabletextbox {
    height:100px;
    width:200px;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 82%;
    overflow:scroll;
}

ボックスのサイズとその他のスタイルは正しく登録されますが、テキストは垂直方向の中央から始まり、改行されません。テキストを完全に表示する唯一の方法は、カーソルを左右に移動することです。

フォームは次の html (少し php を含む) を使用して、大きなテキスト ボックスを実装します。

<input type="text" class="scrollabletextbox" name="note" value="<?php echo $note; ?>">

よろしくお願いします。