Ajax Tabs Not Adjusting Height?

Ajax Tabs Not Adjusting Height?


Hi folks,
Another small issue with my recent upgrade to UI 1.7.1. I have some
Ajax tabs that, once they load, contain tables of varying size. The
tab container does not seem to expand to accommodate the height of the
table, so the border around the tab dives behind the table.
Screenshot here, arrows pointing out the issue:
http://www.biancolo.com/jim/tabs_border.jpg
I'm currently working around this with this code:
$('#tabs').bind('tabsshow', function(event, ui) {
var list = $('.recipient_list', $(ui.panel));
var tab = list.parent();
tab.height(tab.height() + list.height());
});
It's a bit kludgy, as it tends to expand the tab container more than
necessary, but it's better than it being too small.
Is there a fix or a better way or something I'm doing wrong?
Thanks!
Jim