CSS Expandable area pushing the footer down

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

http://www.dynamicdrive.com/dynamicindex1/navigate1.htm

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:

http://www.nabaslegalconsultancy.com/site_flash/index.html

(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