Ext简单树在浏览器中的显示效果不好?

 

一个简单的树，在IE和火狐里显示的效果感觉都不好，不知道为什么，
树的节点前总是有一,两个方格，而且"+" 和 "-" 的效果也和大家的不一样

请有这方面经验的朋友帮帮忙！谢谢。。
图:
不好看的:



标准的应该是这样的:

代码:

<html>
  <head>
    <title>static-tree.html</title>
       
    <meta http-equiv="keywords" c="">
    <meta http-equiv="description" c="">
    <meta http-equiv="content-type" c="">
   
    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">
        <script type="text/javascript" src="Js/ExtJs/ext-base.js"></script>
        <script type="text/javascript" src="Js/ExtJs/ext-all.js"></script>
        <script type="text/javascript" src="Js/ExtJs/ext-lang-zh_CN.js"></script>
        <style type="text/css">
        </style>
        <script type="text/javascript">
                Ext.onReady(function(){
                        var mytree = new Ext.tree.TreePanel({
                                el:"container",
                                title:"ExtJs静态树",
                               
                                autoScroll:true,
                                animate:true,
                            //默认根目录不显示
                            rootVisible:false,
                            border:false,
                            animate:true,
                            lines:true,
                            enableDD:true,
                            containerScroll:true
                        });
                       
                        //根节点
                        var root = new Ext.tree.TreeNode({
                                id:"root",
                                text:"控制面板",
                                expanded:true
                        });
                       
                        //第一个子节点和其子节点
                        var sub1 = new Ext.tree.TreeNode({
                                id:"sub1",
                                text:"新闻管理",
                                singleClickExpand:true
                        });
                       
                        sub1.appendChild(new Ext.tree.TreeNode({
                                id:"addNews",
                                text:"添加新闻",
                                href:"http://www.baidu.com",
                                hrefTarget:"mainframe",
                                qtip:"打开百度",
                                listeners:{
                                        "click":function(node,e){
                                                alert(node.text);
                                        }
                                }
                        }));
                       
                        sub1.appendChild(new Ext.tree.TreeNode({
                                id:"editNews",
                                text:"修改新闻"
                        }));
                       
                        sub1.appendChild(new Ext.tree.TreeNode({
                                id:"delNews",
                                text:"删除新闻"
                        }));
                       
                        root.appendChild(sub1);
                        root.appendChild(new Ext.tree.TreeNode({
                                id:"sys",
                                text:"系统设置"
                        }));
                       
                        mytree.setRootNode(root);
                        mytree.render();
                });
        </script>
  </head>
 
  <body>
         

  </body>
</html>

var ctx=&quot;&lt;%=request.getContextPath()%&gt;&quot;;Ext.BLANK_IMAGE_URL = &#39;&lt;%=request.getContextPath()%&gt;/ext/resources/images/default/s.gif&#39;;</p>