>> I'm not too sure I understand what your problem is. You say the #content
>> attaches itself to the bottom of the screen but I don't see that
>> happening here.
> Really? That is odd. On every system I have tested it appears like I
> said - with the content div extending all the way to the bottom of the
> screen, leaving no room for anything below it. I have even tried to
> create another div below (outside of the wrapper), and I still get no
> room under the content div.
> What browser/sys are you using?
I'm on a Windows machine and am using Mozilla 1.7.12, Firefox 1.5 RC1,
IE6 and Opera 8.5. They all render the page correctly - or so I think.
Maybe I just don't understand what you mean by "div extending all the
way to the bottom of the screen"
Here are some screenshots:
>> I'd advise you to use the floats as you suggested but change #content's
>> float from right to left and then control the spacing with padding or
> Yes! I want very much to use floats. I have tried to control the
> spacing using margins and padding, and the #content still slips under
> the #menu - not only in IE, but in Firefox too. Any other suggestions?
Check this out:
I ran your markup through Tidy and commented all the changes I made to
your CSS. I commented the "stage_wrapper" div out. The page now
validates as XHTML 1.0 Strict. W3C's CSS validator  indicates you
have some issues with colours.
Hope it helps.
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/