Extjs中BorderLayout布局中的collapseMode：‘mini’模式不显示箭头

如果在jsp或html中去掉这句：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">，就会显示。如果加上这句就不会显示！代码如下：
Ext.onReady(function(){
 new Ext.Viewport({
  enableTabScroll: true,
  id:'viewport',
     layout:'border',
     items:[{
      boder:true,
      region:'center'
     },{
      title: "例子"
   ,region: "west"
   ,split: true
   ,collapseFirst:true
   ,collapseMode:'mini'
   ,width: 250
     }]
 });
});
如果哪位高人能帮忙解决，必会额外加分