AJAX Accordion renders scrollbars in Firefox but not IE

Question

Hi all,

Having a bit of a problem with the AJAX Accordion Control...

I have two panes, one of which is open by default, but in Firefox it displays scrollbars across both axis - when you extend the second panel, these disappear. In IE no scrollbars are rendered - which is what i'm aiming for!

Using FireBug, I can see that when the Accordion Control is rendered on the page the div has the following attributes applied: "overflow: auto; height: auto;" - changing overflow to 'hidden' solves the problem.

Full size image here

Now my issue is, because the Accordion Control is rendered on the fly, how can I force the Overflow property to be hidden? I've tried setting a style to the Accordion itself, and also the Divs it contains and resides in but had no luck :(

Thanks for any advise on this one - going crazy!

Answer 1

You should have a look at the accordion-plugin documentation to see if there is a configuration parameter that you can set to achieve what you want.
If THIS is what you're using you can set the AutoSize to 'none' and the accordion will adapt to the content width.

Answer 2

Okay... with al nik's suggestions, I sifted through all my code - in the Header of pane 2 of the Accordion (which only contains an image) I had specified a Height property (height="100px" the same height as the image) - for some reason in Firefox, this caused the scrollbar to appear despite the AutoSize property being set to 'none'.

Thanks for your comments!