tabpanel中panel的显示问题

JScript code

Ext.onReady(function(){
        var obj = {
            width:300,
            height:200,
            defaults:{autoScroll:true},
            item:[
            new Ext.Panel({title:"面板1",height:30})
            ,new Ext.Panel({title:"面板2",height:30})
            ,new Ext.Panel({title:"面板3",height:30})]};
        var panel = new Ext.TabPanel(obj);
        panel.render("hello");
});

这是我的一个简单js例子
为什么在浏览器中显示的效果很奇怪，根本就没出现tab标签页，顶部只有3条重叠在一起的线，请问一下是什么原因阿？

用firebug 看看 页面代码，看看css

问题解决料，你是第一个，分都给你了，还有，我想问问extjs一般怎么调阿，我写错一些元素名的时候完全都没有提醒阿，难道都是靠经验吗？

我看了一下那个css，就这么一个简单的tab，css都很多，书里面也没介绍css相关的东西，看得很头疼阿