Remove Extra Space Around Textarea

Scroll bar in webkit

<div style="border:1px solid red;width:200px;height:200px;overflow:auto;">
	<textarea style="height:100%;margin:0;border:0;box-sizing:border-box;width:100%;overflow:auto;" 
	name="" id="" cols="30" rows="10"></textarea>
</div>
	

Fixed ver.

<div style="border:1px solid red;width:200px;height:200px;overflow:auto;">
	<textarea style="height:100%;margin:0;border:0;box-sizing:border-box;width:100%;overflow:auto;vertical-align:bottom;" 
	name="" id="" cols="30" rows="10"></textarea>
</div>
	

Other fix way

vertical-align:middle; or vertical-align:top; or marign-bottom:-5px;