Ext在IE8中“对象不支持此属性或方法的问题”

用的是Ext3，在FF和Chrome中都是正常的，，在IE8中，可以显示出来，但是点击south实现折叠时，如果点击了title部分就会报错，如果点击那个小图标，，前几次点击时没问题的，多点击几次，就报错：对象不支持此属性或方法  ext-all.js 行7部分代码如下：
<body>
<span/>
    <div id="north" class="">
    </div>
    <div id="leftTree" class="">
    </div>
    <div id="myMap" class="showMap">
    </div>
    <div id="south" class="x-hide-display">
        <p>111south - generally for informational stuff, also could be for status bar</p>
    </div>
</body>///////////////////////////////////////////////////////////////////   js代码
Ext.onReady(function() {
    //Ext.create('Ext.Viewport', {
//var win = new Ext.Window({
var viewport = new Ext.Viewport({
        layout: {
            type: 'border',
            padding: 5
        },
        items: [{
            region: 'north',
  /////此处略去一些代码
         {  ///////////////////////////////////////////////south
                region: 'south',
                contentEl: 'south',
                split: true,
                height: 100,
                minSize: 100,
                maxSize: 200,
                collapsible: true,
                //collapsed: true,
                //titleCollapse:true,
                title: 'South',
                margins: '0 0 0 0'
           /* region: 'south',
            //autoScroll:false,
            //frame:false,
            collapsible: true,
            collapsed: true,
            //titleCollapse:true,
            split: true,
            height: 200,
            title: '高级功能'  */
  /*          layout: {
                type: 'border',
                padding: 5
            },
            items: [{
                title: '历史轨迹查询',
                region: 'center',
                html: 'South Central'
            }, {
                title: '运动趋势',
                region: 'east',
                //flex: 1,
                html: 'South Eastern',
                split: true
                //collapsible: true,
                //collapseMode: 'mini'
            }, {
                title: '智能分析',
                region: 'west',
                //flex: 1,
                html: 'South Western<br>I collapse to nothing',
                split: true
                //collapsible: true,
                //collapseMode: 'mini'
            }]  */
        }
        ]
    });

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

应该是south部分的collapsible属性的问题，，，怎么改呀？望各位大虾指点一下
换成以下方式也不行：
new Ext.Panel({
                region : "south",// 布局为south
                margins: '5 5 5 5',
                collapsible: true,
                title : "south",
                height : 150,
                frame : true
            })
你调试一下,设个断点跟踪一下堆栈看错在那句html里
把你的var viewport = new Ext.Viewport代码贴全
这没法看，还有就是贴上来的代码来点格式，这太费劲了
先用ext-all-debug.js看看执行到那里出错。
（乱七八糟的注释）
title: '高级功能' */title: '高级功能' , */