ui.accordion overflows over it's container when one of its divisions has a scroll bar

[margenn]

This happens when you put the accordion div inside a parent fixed-size div and choose "fillSpace: true" option.

This happened on firefox 3.0.6, Chrome. On IE6, the entire parent conteiner resized a few pixels

I turned around this by putting a "overflow:hidden" on parent div. There's an attachment with shows better what is happening. Tks!

[margenn]

html file with jquery library and ui to recriate the bug.

[bkilinc]

I found out that the resize() function of the accordion object does not see margins. to correct this I changed outerHeight() function calls to outerHeight(true), which will include margin heights. And it worked for me;

example change

maxHeight -= $(this).outerHeight();

to

maxHeight -= $(this).outerHeight(true);

and change

maxHeight = Math.max(maxHeight, $(this).outerHeight());

to

maxHeight = Math.max(maxHeight, $(this).outerHeight(true));

[scott.gonzalez]

This was fixed in a previous release.