Issue with Ext.tab.Panel

[hillcountry]

Hi,

I am trying a very simple example from Sencha and having an issue the tab.panel. I am using ExtJs.4.2.0 version and below is the sample code -

Ext.create('Ext.tab.Panel', {
    width: 400,
    height: 400,
    renderTo: document.body,
    items: [{
        title: 'Foo'
    }, {
        title: 'Bar',
        tabConfig: {
            title: 'Custom Title',
            tooltip: 'A button tooltip'
        }
    }]
});

Below image is the screenshot of tab rendered in IE8. It renders fine in Chrome.
Any idea why it is rendering this way?

Thanks!
ExttabPanel_in_IE.jpg

[hillcountry]

Bumping up the thread.. Please help! I am really stuck here.

[Zinnia]

Hey, Have tested the below mentioned code in IE8 , it is working fine at my end

[Gary Schlosberg]

Same for me. I put your code into this Fiddle, which runs fine for me in IE8.
https://fiddle.sencha.com/#fiddle/3gd

Does it run for you in your environment?

[hillcountry]

It renders fine when I try the above code in fiddle. I could be missing some resource files like scripts and css maybe that is needed to render the tabs. I don't have the entire framework installed. I have ext-all.js and ext-all.css and a bunch of other ext-all css files.

Can someone please tell me what are the files needed for Extjs.tab panel?

Thanks