Why does the Flex app not looking right?

Question

Hi,
I am making an AIR application. But what ever application that I make in AIR using Flex has grey area at the bottom. The canvas or what can I say, the stage isn't covering the whole area.
   <------------  See here is the grey area
In the design view everything seems fine but there is an empty space below in grey color making my application usless.
This is a serious issuse for me.
Please help.
Thank you.

Answer 1

Code:
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" borderColor="#EFF4FF" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#680099, #00365F]" horizontalAlign="center" verticalAlign="middle" borderStyle="solid" width="300" height="200">
    <mx:Script>
        <![CDATA[
            public function clickHandler(event:MouseEvent):void
                myText.text = "You clicked me";
               showStatusBar= false;
        ]]>
    </mx:Script>   
    <mx:Panel width="250" height="200" layout="absolute">
        <mx:Button id="myButton" click="clickHandler(event)" label="Click" x="89" y="60"/>
        <mx:TextArea id="myText" x="35" y="10"/>
    </mx:Panel>
</mx:WindowedApplication>
showStatusBar = false; doesn't change anything. Actually its not status bar, I think. But I don't know what it is.
Creating apps in flash IDE doesn't give this problem.
But here I *have* to use Flex Builder.
Screenshot:
Thank You.