Can't get TreePanel example to work; Rendering issue

[odig]

Hi,

I just started using ExtJS I am basically just copying the TreePanel checkbox example but it isn't rendering properly.
This is the code:

<script type="text/javascript">

	Ext.onReady(function(){
		Ext.BLANK_IMAGE_URL = 'ext/resources/images/default/s.gif';				
		
		var tree = new Ext.tree.TreePanel({
        renderTo:'sidebar',
        title: 'Albums',
        height: 500,
        width: 300,
        useArrows:true,
        autoScroll:true,
        animate:true,
        enableDD:true,
        containerScroll: true,
        rootVisible: false,
        frame: true,
        root: {
            nodeType: 'async'
        },
        
        // auto create TreeLoader
        dataUrl: 'check-nodes.json',
        
        listeners: {
            'checkchange': function(node, checked){
                if(checked){
                    node.getUI().addClass('complete');
                }else{
                    node.getUI().removeClass('complete');
                }
            }
        },
    });

    //tree.getRootNode().expand(true);
 
  }); //end onReady
</script>

This is the Json file:

[{
    text: 'Me', 
    cls: 'folder',
    children: [{
        id:'Bday 2009',
        text: 'Bday 2009',
        leaf: true,
        checked: false
    },{
        id:'Bday 2010',
        text: 'Bday 2010',
        leaf: true,
        checked: false
    },{
        id:'New Years',
        text: 'New Years',
        leaf: true,
        checked: false
    }]
},{
    text: 'Friend 1',
    cls: 'folder',
    children: [{
        id:'Cuba trip',
        text: 'Cuba trip',
        leaf: true,
        checked: false
    },{
        id:'Hike',
        text: 'Hike',
        leaf: true,
        checked: false
    },{
        id:'Car ride 2007',
        text: 'Car ride 2007',
        leaf: true,
        checked: false
    }]
},{
    text: 'Friend 2', 
    cls: 'folder',
    children: [{
        id:'Mountains',
        text: 'Mountains',
        leaf: true,
        checked: false
    }]
}]

But the tree is all screwed up (see attached screenshot). There are no errors in firebug. I can't figure out what is going wrong!

[odig]

No one has seen this before?? I was kinda hoping it was a newb mistake since it's such a basic example. I can't find anything else on it though. It almost looks like it might be css problem, any ideas??

[jay@moduscreate.com]

is the blank_image_url really ext/resources/images/default/s.gif ?

does extjs resize in /ext of your site?

That said, do you have any other css that might conflict?

[odig]

Ahh, yes. Conflicting CSS was the problem. Thanks!!