求组EXTJS 4.0达人，看看我这个布局为什么显示不对

[junoon]

代码部分：

<script type="text/javascript">
        var shortCut = Ext.create('Ext.panel.Panel', {
            title: '快捷菜单',
            region: 'north',
            height: 200,
            html: '111',
            margins: '0 5 5 5'
        });
        var menuItems = Ext.create('Ext.panel.Panel', {
            layout: 'accordion',
            title: '菜单',
            region: 'center',
            margins: '0 5 5 5',
            layoutConfig: {
                titleCollapse: false,
                animate: false,
                activeOnTop: true,
                flex: 2
            },
            items: [{
                title: 'Panel 1',
                html: 'Panel content!'
            }, {
                title: 'Panel 2',
                html: 'Panel content!'
            }, {
            title: 'Panel 3',
            html: 'Panel content!'
            }
]
        });
            var topPanel = Ext.create('Ext.panel.Panel', {
                region: 'north',
                html: '<h1 class="x-panel-header">OA</h1>',
                autoHeight: true,
                border: false,
                margins: '0 0 5 0'
            });

            var leftPanel = Ext.create('Ext.panel.Panel', {
                region: 'west',
                width: 200,
                border: false,
                layout: { type: 'border' },
                items: [shortCut, menuItems]
            });
            var rightPanel = Ext.create('Ext.tab.Panel', {
                region: 'center',
                activeTab: 0,
                margins: '0 5 5 0',
                items: {
                    title: 'Default Tab',
                    html: 'The first tab\'s content. Others may be added dynamically'
                }
            });


            Ext.onReady(function() {
                Ext.create('Ext.container.Viewport', {
                    layout: 'border',
                    renderTo: Ext.getBody(),
                    items: [topPanel, leftPanel, rightPanel]
                });
            });

    </script>

显示效果：

红线部分错位

[一品]

建议你先用火狐看看css样式对不对

[junoon]

[Quote=引用 1 楼 guowangsheng2011 的回复:]
建议你先用火狐看看css样式对不对
[/Quote]对的，CHROME也对的