Accordion - layout problem with IE6
I'm using jQuery UI Accordion Widget and have it working nicely with
Firefox / Safari, but have a layout problem with Win IE6. See it
here: http://www.2gc.co.uk/resources-faqs.asp
What seems to be happening is that the Accordion is inserting
deadspace below itself on the IE page. The height seems to be linked
to the number of items in the Accordion. I had something similar with
the panel area to the right of the Accordion: initially I was hiding
the panel divs using a jQuery instruction on document load, but IE6
seemed to work out its layout for the page before the items were
hidden, and so I got a huge amount of dead-space below the panel
area. I changed the CSS to hide the panels there, and the dead-space
went away. But I don't know how to pull a similar stunt with the
contents of the Accordion. Or (hopefully) if there is a better way to
do this.
Any suggestions about how I can get IE6 to show the Accordion
correctly?
Thanks in advance for your help.