How to strech an TextArea to fit a Tab?

[franzisk]

I need to make that textarea fills the Tab in Width and Height, how?

I have this (see the text area field there):

<div id="EDIT-PROFILE-TEXT-DLG" style="visibility:hidden;position:absolute;top:0px;">
	<div class="x-dlg-hd">Editing profile text...</div>
		<div class="x-dlg-bd">
			<div class="x-dlg-tab" title="Profile Description">
				<div class="inner-tab">
					 <textarea id="profileTextEdit" rows="10" style="width:99%; height:100%;" ><?=$description_edit;?></textarea>
				</div>
			</div>
			<div class="x-dlg-tab" title="Profile Headline">
				<div class="inner-tab">
				
				</div>
			</div>
		</div>
	</div>
</div>

JavaScript:

var ProfileTextEdit = function(){
    var dialogProfileEditText, showBtn;    
    return {
        init : function(){
             showBtn = Ext.get('profileTextView'); // the text paragraph
             showBtn.on('dblclick', this.showDialog, this);
        },
       
        showDialog : function(){
            if(!dialogProfileEditText){ 
			    dialogProfileEditText = new Ext.BasicDialog("EDIT-PROFILE-TEXT-DLG", { 
                        autoTabs:true,
                        width:600,
                        height:350,
                        minWidth:300,
                        minHeight:250,
						animateTarget: showBtn,
						draggable: false,
                        shadow:true,
						fixedcenter: true
                });
                dialogProfileEditText.addKeyListener(27, dialogProfileEditText.hide, dialogProfileEditText);
                dialogProfileEditText.addButton('Submit', function(){saveProfileText()} );
                dialogProfileEditText.addButton('Close', dialogProfileEditText.hide, dialogProfileEditText);
            }
            dialogProfileEditText.show(showBtn.dom);
        }
    };
}();
ProfileTextEdit.init();