This is a weird page, I'll admit. It is my effort to repair a page coded in CSS-2 that I could not get to work. I believe I have the problem solved now, but we'll see.

What I did was create color blocks for each of the major divs used in the code.  Then I placed the colored blocks here to see how they behaved. 

The last set of blocks is what I think will work for my pages.  I will title it "Workable Contents Section" and place a comment in the code above that point so that you can find it among the blocks that obviously do not work.

What I was trying to do was create a page section to be placed below the masthead.  In this section would be 3 columns.  The major contents of the page would go in the middle section that would have divisions itself.  The middle section was tested with an ad banner, text, and two large divisions.

I saved my old CSS style sheet for you to use in studying this page.  It is the stylesheet linked to this page, and it is a mess!  You will notice that I redid the divs for this page in the header.  From what I learned in doing this page, the new style sheet for the gbox pages was reorganized and rewritten. 

One lesson that I learned is that the browsers do not behave exactly like you would expect when you follow the rules.  Also,  the width of the boxes lined up side by side is critical.  If your width is too tight, Firefox will extend the second floated div to the end of the box containing it.  Also, if you put anything too big inside the div, this second div grows wider despite the assignment of width--or at least it seemed to.  After a bit, the mistakes accumulate until it is hard to tell what is happening. 

If  you learned from this page, do let me know. 

page