Issues with SmartWizard - jQuery

I am using a smart wizard plugin in my web page (version 0.98).

Here is my web page:

I have two issues:

1) Each of the "tabs" on the wizard has a different content height. Therefore, I want the wizard to be resized height-wize when a new tab is selected. I assigned each tab div with a height attribute (I called it wizard-height), and created a JS function that resizes the entire wizard div when a new tab is selected. The problem is th开发者_如何学运维at the height seems to vary between browsers and resolutions, so even though it works perfectly on my Mac in Chrome, the the height doesn't get set properly on a PC (the content gets cut).

2) I am also using the select to UI slider plugin for jQuery for my sliders. Unfortunately, as of tab number 2 in my wizard, the labels under the slider are not centered any more, but aligned to the right - this only happens as of the second wizard tab, no matter the content.

Thanks!

---

1) what you want to do is set the heights of all the relevant div's to 100%.
2) the reason behind this is that the ui-slider-label objects on the second wizard forward are not visible, and therefore jQuery.width return 0 on them. Read this: http://www.foliotek.com/devblog/getting-the-width-of-a-hidden-element-with-jquery-using-width/