your code apply to the page scroll... if you wanted to change just the textarea scrollbar... try using the below:
HTML TEXTAREA:
HTML Code:
<FORM>
<textarea class="TextAreaBox" cols="70" rows="15" style="border:0;" >
the content
</textarea>
</FORM>
CSS:
HTML Code:
.TextAreaBox{
background-image:url('image/bg.jpg');
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
text-align:center;
margin-left:auto; margin-right:auto; margin-top:0; margin- bottom:auto;
scrollbar-face-color: #3E5221;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
}