I have created a very complex form using based on the
Multi-part Form example of the jQuery Validation plug-in and all works pretty well, just one nagging design issue I can't seem to get around.
In IE 7, when you go to the next page in the form, it is slightly lower than the previous one. On the Multi-part form example, there's only 3 pages, so its not really too noticeable, but my form has 20+ pages, so by the time you get the to the last page, it starts in the middle of the screen.
I believe this is all tied to the ui-accordion-link <a> tag for each accordion section. In IE 7, they seemed to have a height, even though the CSS sets the height to 0. I've also added the zoom: 1 CSS property, and that doesn't solve the issue.
Can anyone point me in the right direction?