1) Script Title: Animated Collapsible DIV

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...edcollapse.htm

3) Describe problem:

I want to show a 3-column-wide table: first column contains an image and the "show/hide" link, next two columns are just text. When user clicks show/hide, a full-table-width DIV appears beneath this row and all the subsequent rows move down (rather than being covered up). I'm having trouble positioning the second and third columns so that they don't get covered up.

Any help is greatly appreciated - I'm a CSS beginner Thanks!