Ext 树复选框位置的问题

如图，为什么我的复选框是空了一格后覆盖在文本上了？


树的代码片段

treePanel = new Ext.tree.TreePanel({
id:"treePanel",
frame : true,
animate : false,
checkModel: 'cascade', 
onlyLeafCheckable: false,
loader : loader,
root : root,
enableDD : false,
border:false,
autoScroll : true,
containerScroll:false,
rootVisible:true,
width:485,
height:215
});

loader的代码片段

loader = new Ext.tree.TreeLoader({
baseAttrs:{uiProvider:Ext.ux.TreeCheckNodeUI},
clearOnLoad:true,
url : basePath + baseAction
});
loader.on('beforeload', function(treeloader, node) {
	treeloader.baseParams = {
		id : node.id,
		method : 'treePanel'
	};
}, this);

我的树是放在一个窗口中用来展现的，一下是窗口的代码

win = new Ext.Window({
id:'myWin',
  title: '产品选择',
  closable:true,
  width:500,
  height:350,
  border:true,
  plain:true,
  resizable : false,
  modal:true,
  items: [fsQueryProduct,treePanel],
  buttons: [
      	new Ext.Button({text: '展开',handler: function(){treePanel.root.expand(true,false);}}),
      	new Ext.Button({text: '收缩',handler: function(){treePanel.root.collapse(true,false);}}),
      	new Ext.Button({text: '关闭',handler: function(){win.hide();}})
      ]
});

不知道为什么左边有个空。