Hi All, I have a tree that works just fine - until you try to use the auto scrollbar (error occurs as soon as you roll over the vert. scrollbar). I get theis error in firebug:

"Permission denied to...a non-chrome context"

My tree:

var treeLoader = new Ext.tree.TreeLoader({
    baseParams: {
        method: 'getProjectTree'

var rootNode = new Ext.tree.AsyncTreeNode({
    text: 'root',
    iconCls: 'icon-grid'

var projectTree = new Ext.tree.TreePanel({
    title: 'Project Navigation',
    loader: treeLoader,
    root: rootNode,
    iconCls: 'nav',
    rootVisible: false,
    autoScroll: true,
    useArrows: true,
    height: 400
...and it's in an accordian within a viewport:

   //main viewport wrapper
    var viewport = new Ext.Viewport({
        layout: 'border',
        //items in viweport
        items: [        //the header area
        new Ext.BoxComponent({
            region: 'north',
            height: 40,
            autoEl: {
                tag: 'div',
                html: '<div class="headerTitle">xxx Engineering Budget System</div>'
        }),//the left navigation area
            region: 'west',
            id: 'west-panel',
            title: 'Menu',
            split: true,
            width: 200,
            minSize: 175,
            maxSize: 400,
            collapsible: true,
            margins: '0 0 0 5',
            layout: {
                type: 'accordion',
                animate: true
            items: [ 
                    title: 'Settings',
                    html: '<p>Some settings in here.</p>',
                    border: false,
                    iconCls: 'settings'
        new Ext.TabPanel({
            region: 'center',
            deferredRender: false,
            activeTab: 0,
            items: [
                    contentEl: 'center2',
                    title: 'Help',
                    closable: true,
                    autoScroll: true