Issue with jQuery Tabs CSS in IE6

This is the website in question: http://www.ai-ad.com/2010Cwb/insidePage.html

The 开发者_JAVA技巧issue is with the bottom left jQuery UI Tabs (there are five tabs named : 淡水、陽明山、基隆、烏來、石門水庫)

In IE 6, when I move the cursor to other tabs, the content height under the tab will change.

I don't really know why, I thought it could a problem with jQuery UI's CSS, but I had tried many way, it still the same.

Can someone helps me to fix it?

This is the website in question: http://www.ai-ad.com/2010Cwb/insidePage.html The issue is with the bottom left jQuery UI Tabs (there are five tabs named : 淡水、陽明山、基隆、烏來、石門水庫) In IE 6, when I move the cursor to other tabs, the content height under the tab will change.

It seems to require a few lines of javascript in order to "tame" the "misbehaved" way that IE6 renders certain CSS code.

Albert in Manila

I solved this problem by setting tabs height to 100%;

$(".tabs").each(function(){
    $(this).css("height","100%");
    $(this).tabs();
});