How do I create a scrollable textbox?

How do I create a scrollable textbox?

Currently, the site has the following css class that is intended to be
used for note (longer texts) entries in a form.
.scrollabletextbox {
height:100px;
width:200px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 82%;
overflow:scroll;
}
The size of the box and other styling register correctly, but the text
start vertically centered and never line breaks. The only way to view the
text completely is to move the cursor left/right.
The form uses the following html (with a little php) to implement the
large text box
Note:</td><td width="100"><input type="text" class="scrollabletextbox"
name="note" value="<?php echo $note; ?>"><br />
Thank you in advance for any help.