Stuff in the top area
l1 l2 l3 l4 l5 l6 l7 l8 l9 l10

Note the bug in this code.

The right side extends down past the #bottom.

So does this column.

clear:both; will fix that.

c1 c2 c3 c4 c5 c6 c7 c8 c9 c10

For the center part to work, you must put in margins that force it out of the #left and #right areas.

That included the margins of those areas along with the text display areas.

If you don't put in these margins the center region will overlap the #left and #right areas.

Bottom stuff
b1 b2 b3 b4 b5 b6 b7 b8 b9 b10