I tried what you suggested:
I added float:left; to
In FF, it seemed to work, but it didnt extend all the way to contain the
For IE7, the content area jumped underneath the left menu area so it didnt
help at all.
I think the hardest part about this problem is that the browsers are doing
what they are supposed to and there is no way to change the table sizes, so
I think I am stuck with it.
The good news is that yesterday I was able to make the basic background
image repeat in the body section so that there is no abrupt change in
colors, so even if the table jumps outside the legal area of the browser,
the user will never notice but will see a scroll bar. The only thing that
now looks ugly are the footer and (of course) the scroll bars, which I can't
help. Since you can only make one background image repeat in the body
section and the footer always changes vertical position, I cant make the
footer a background image. So now the footer always ends pretty much where
it used to and doesnt look correct.
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/