[RESOLVED] Spry Collapsible Panel height resize problem.

[Mr. Haddnin]

I'm using the Dreamweaver CS3 Spry Collapsible Panel and have come across a problem in IE7. I have a "Notes" section that is accessible at all times via a closed panel at the top of the page. The user can expand the notes section to view notes or add an additional note to this section. The problem is when the user clicks the "Add Another Note" button, a text field is revealed which expands the height of the content area of the panel. In IE7, when the button is pressed to reveal the hidden div containing the text field to add another note, the panel overlaps the content outside the panel just underneath it instead of pushing it down.

I cannot provide a url because this project is an internal web app for a bank, but I can provide code if someone is willing to help with this problem.

I just want to add that when I turn enableAnimation off, it seems to work fine for IE7.(no overlap Minus the animation of course)
this.enableAnimation = false;


I've also upgraded to version 0.7 - Spry Pre-Release 1.6.1, and I am still having the same problem.

Any help would be appreciated:D

The images posted have fictitious customer information.

[Mr. Haddnin]

Here is a quick fix for those of you having the same problem. Open your SpryCollapsiblePanel.js(Spry Pre-Release 1.6.1) and change line 431 from:this.content.style.height = this.toHeight + "px";
To:this.content.style.height = "auto";