Jquery Multiple Carousels In Jquery Ui Tabs Do Not Work Properly In Internet Explorer And Chrome

I have a problem in the page whose URL can be seen below: http://hero.mynet.com/new/ There is a tabbed structure at the middle bottom of page.Each tab consists one carousel working

Solution 1:

This problem is because you are trying to create the carousel after you have created the tabbed interface. So probably jcarousel is trying to render the carousel inside a container whose display property is set to null (a non-active tab) . Since position and many other properties of this container can not be reliably determined, this will fail in most browsers. Please try rendering the carousel before, once the carousel is rendered, then create the tabs.