TabPanel's tabbar is not sizing

Hi, I have got a little problem with the headers in my tabpanel. I have to display two-lined written titles, but I can't manage to resize the header, so it doesn't show right. Any ideas ?

Please create a small working example to help us understand the problem. You can use the example in API docs as a starting point.

Scott.

Sorry, I didn't figure out.

Here's a code sample :

Code:

---

Ext.create('Ext.tab.Panel', {
    width: 300,
    height: 200,
    activeTab: 1,
    items: [
        {
            title: 'Tab 1',
            bodyPadding: 10,
            html : 'A simple tab'
        },
        {
            title: '<font color="blue">Foo</font><br /><font color="red">Bar</font>',
            html : 'The tab which is causing problem'
        }
    ],
    renderTo : Ext.getBody()
});

---

And here's the result :

Attachment 39130

You can see that the tab isn't properly displayed, and I can't figure out about how I could fix it. The separator between the tabBar and the tabBody resizes, but the tabBar itself doesn't.

Please help (:|

You may have to tweak it a little, but you get the idea:
http://jsfiddle.net/eGVqR/

Scott.

Thanks so much, exactly what I needed.
mark

I'm grateful, thank you very much ! It finally works fine for me, so I can continue on, thanks again.