expanding comment box, ? Options

[BalladforaLIAR]

i have a regular comment box with a scroll bar, but i completely blanked on how to get rid of it. i've been looking for a code that would make it expand instead of having the scrollbar, but i can't seem to find one. can anybody help me out?

[BalladforaLIAR]

CODE

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="3113319"><textarea name="f_comments" cols="40" rows="7" style="border-width: 3px; border-style: solid; border-color: 000000; font-family: Tahoma; font-size: 10px; color: 000000; background-color: FFFFFF;" style="overflow: hidden;"> </textarea><br> <input value="send" style="border-width: 3px; border-style: solid; border-color: 000000; font-family: Tahoma; font-size: 10px; color: 000000; background-color: FFFFFF;" type="submit"></form>

for my comment box

CODE

<style type=text/css>
body {
background: FFFFFF;
background-image:url(http://tinypic.com/jkef0w.png);
background-repeat: repeat;
background-position: center center;
background-attachment: fixed;
scrollbar-arrow-color: 607B8B;
scrollbar-track-color: 93DB70;
scrollbar-shadow-color: ffffff;
scrollbar-face-color: ffffff;
scrollbar-highlight-color: ffffff;
scrollbar-darkshadow-color: ffffff;
scrollbar-3dlight-color: ffffff;
}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

.r{}  
table table table {border: 3px solid; border-color: 000000; background-color: ffffff; }

.r{}
body,table, td, li, p, div, textarea  
{font:normal 9px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

.r{}
.text {font:normal 9px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}  

.r{}  
.redtext{font-family:arial; font-size:12px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }

.r{}  
.redbtext{font-family:arial; font-size:12px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }

.r{}  
.orangetext15{font-family: georgia; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px;}  

.r{}  
.lightbluetext8{font-family:arial; font-size:12px;  color:000000; font-weight:none;border:0px; text-transform: uppercase; }

.r{}  
.whitetext12{font-family:arial; font-size:12px;  color:000000; font-weight:none;border:0px; text-transform: uppercase;}  

.r{}  
.blacktext12{font-family: georgia; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

.r{}  
.nametext{font-family: arial; color: 000000; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}  

.r{}  
.blacktext10{font-family:arial; font-size:9px;  color:000000; font-weight:none;border:0px; text-transform: uppercase;}  

.r{}  
a{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; }  
a:link{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}

.r{}  
a.redlink{font-family:arial; font-size:9px; color:93DB70; font-weight:none;border:0px; text-transform: uppercase;}  
a.redlink:link{font-family:arial; font-size:9px; color:93DB70; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; }
a:hover{font-family:arial; font-size:9px;  color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;}

.r{}  
a.navbar{font-family:arial; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:link{font-family:arial; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:active{font-family:arial; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:visited{font-family:arial; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:hover{font-family:arial; font-size:9px; color:93DB70; font-weight:none;border:0px; text-transform: uppercase;}  

.r{}
a:link, a.man{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}  
a:active{font-family:arial; font-size:9px; color:93DB70; font-weight:none;border:0px; text-transform: uppercase;}  
a:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}

.r{}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:20B2AA; font-weight:none;border:0px; text-transform: uppercase; }

.r{}
.standard i, p i, I, em {
font-family:arial; font-size:9px; color: 388E8E; font-weight:none; border:0px; text-transform: none; }

.r{}
.standard u, p u, U, underline {
font-family:arial; font-size:9px; color: 000000; font-weight:none; border:0px; text-transform: none; border-bottom: 3px solid E3CF57; }

.r{}
a:hover img {Filter: Blur(Add = 0,  Direction = 225,  Strength = 10)}
</style>

my layout code