Can't create floating "panel" on top of other carousel panels

[dubberlydesign]

I have 6 horizontal carousel panels on a page and want a panel to float above them using my own html.
I don't want it to disable scrolling capabilities of the carousel under it.

I tried:
var fractionSelector = new Ext.Panel({
floating: true,
style: "text-align: center;",
html: 'ThisIsMyHtml',
modal: true,
layout: 'hbox',
});

But that doesn't work.

Any ideas?

[evant]

You never call .show() on the panel.