CSS fullscreen grid layout (with some scrolling sections)

[DustinH]

So, it's 2010 and I still don't know how to do this layout in CSS..Sorry if this has an obvious answer, I appreciate any help you could offer.I've seen close solutions for parts of this, but not all of these combined.

[*]The layout must always fill the screen (unknown dimensions and dynamic resize)[*]A, D, C, F are fixed height (e.g. 64px)

• B and E must expand to fill the remaining vertical space.
• If either B or E run out of room, a vertical scrollbar should appear (only within its area; B and E should scroll independently of each other).

[*]A, B, C are fixed width (e.g. 300px)

• D, E, F must expand to fill the remaining horizontal space.

[*]A, B, C are semantically related content.[*]D, E, F are semantically related content.[*]No other scrolling should occur apart from 2 above.[*]C is optional[*]Newer browsers only, I don't care about IE6 or 7