extjs 3.1 Ext.TabPanel dom为空或不是对象

在google下，没有找到解决方法，
在IE6下，报dom为空或不是对象,FF没有反应.
如果改为renderTo:Ext.getBody()
IE6下，报Ext.get...为空或不是对象，FF下可以看到效果.
初学extjs，指点下，谢谢
JS代码：



 var tabs = new Ext.TabPanel({

        renderTo:'aaa',

        width:450,

        activeTab: 0,

        frame:true,

        defaults:{autoHeight: true},

        items:[

            {contentEl:'tab1', title: 'Short Text'},

            {contentEl:'tab2', title: 'Long Text'}

        ]

    });


html代码：


<html>

    <head>

        <title>bbb</title>

        <link rel="stylesheet" type="text/css" href="extcss/ext-all.css" />

        <script type="text/javascript" src="extjs/ext-base.js"></script>

         <script type="text/javascript" src="extjs/ext-all.js"></script>

        <script type="text/javascript" src="tabdemo.js"></script>

    </head>

    <body>

    <div id="aaa"></div>

    <div id="tab1" class="x-hide-display">A simple tab</div>

    <div id="tab2" class="x-hide-display">Another one</div>

    </body>

</html>
Ext.onReady(function() {
            var tabs = new Ext.TabPanel({  
                     renderTo:'aaa',  
                     width:450,  
                     activeTab: 0,  
                     frame:true,  
                     defaults:{autoHeight: true},  
               items:[  
                      {contentEl:'tab1', title: 'Short Text'},  
                      {contentEl:'tab2', title: 'Long Text'}  
                     ]  
                });
          });

Ext代码要放在Ext.onReady(function() {})才管用

这两个路径对嘛？