tables breaking out of DIVS: why, oh why?

Hi Folks,
I'm still struggling to make table-less pages - CSS layout is NOT easy at
all, even with a good book. This page however has a table for displaying
images in amongst text [it's in the Content Management System - I have to
work with it].

http://www.johniwhite.com/tests/indextest.html

The trouble is: the table is longer than its container DIV at some browser
dimensions, so it breaks out of the bottom of it - overlapping it, ALSO:
pushing the following DIV out of the way. I don't know either (A): Why the
table doesn't just stay in the containing DIV or (B): why the containing DIV
doesn't stretch with it.

Can anyone help?
Thanks
John

Take a look at www.projectseven.com

you should be able to find what you are looking for there...tutorials, and
other help is a plenty on the site.

Cheers-
erick


"johnnyivan" <john (AT) fluid-rock (DOT) com> wrote

Hi Folks,
I'm still struggling to make table-less pages - CSS layout is NOT easy at
all, even with a good book. This page however has a table for displaying
images in amongst text [it's in the Content Management System - I have to
work with it].

http://www.johniwhite.com/tests/indextest.html

The trouble is: the table is longer than its container DIV at some browser
dimensions, so it breaks out of the bottom of it - overlapping it, ALSO:
pushing the following DIV out of the way. I don't know either (A): Why the
table doesn't just stay in the containing DIV or (B): why the containing
DIV doesn't stretch with it.

Can anyone help?
Thanks
John