text area auto height

hi experts, i have a list in which i am rendering text area, text length is variable- can range from 2 lines to 10 lines. how do i auto resize the height.. i have tried most of the things from google  but its not working as required. when i render and update the list. it creating scroll bars.

please help

<mx:List id = "rendererList"
		dataProvider="{dataXML.entry}">
		<mx:itemRenderer>
			<mx:Component>
				<mx:TextArea  width="100%" height="100"/>
			</mx:Component>
		</mx:itemRenderer>
	</mx:List>

Select allOpen in new window