Hello all,

 

I am a new jQuery user and this is my first post to this forum.  I have a problem with the jQuery accordian component.  The accordian has 5 panels on it, each panel has part of a form. The form fields are mostly radio buttons that are rendered in JSP/Struts using the struts tag library. When each of the panels first appears, the label for the radio button is not positioned correctly relative to the radio button itself.  The Yes/No lablel appears under the radio and is unreadable.  When the accordian panel is collapsed and opened again the radio buttons are rendered correctly.

 

I tried to corrct this by adding a padding: 3px; option to the css class [ui-widget label] in the custom css that I am using for my theme.

 

Any ideas on why this is happening or how to prevent it? I am using the lastest jQuery libraries (1.4.2) as well as the latest jQuery UI library.  The problem appears in both IE7 and FF 3.6.

 

Any reply would be appreciated.  Thanks in advance!