Tab in IE

Tab in IE


hello guys,
I try to play with jquery ui.tabs, and applied height and opacity
effect,
the content for each tab's content contains some <li> with height,
width and float,
so they are block element.
in this case when applying effect in IE6 or IE7,
those <li> element won't apply effects.
code as follows:
var mytabs = $("#products > ul").tabs();
mytabs.tabs({
        'fx': {
            height: 'toggle',
            opacity: 'toggle',
            duration: 600
        }
});
i do notice that inline element has no problem in animation, any
solution for block element doing effect in IE?
thanks in advance.