CSS Expandable area pushing the footer down

hi all, I am using the fpllowing simple CSS code for an expandable text area:


Problem is, all the text in each expandable area is pushing my page Footer down, hence creating a huge white space. See my page on:


(menu on the left hand site)

A screenshot of the page design in Dreamweaver is attached, so you see what I mean by the content pushing the footer down…

If you can suggest another code solution thats also welcomed. Im a total newbie on CSS tho, so would be nice to get this one fixed… thanks a lot! B