Unholy Grail Layout (Reverse Holy Grail Layout) The Holy Grail Layout in CSS, is a full height, 3 column layout which consists of a fluid central column, and two side columns with fixed widths.

Your Task is Simple!

Reverse it, make a fixed width central column, and two fluid width columns to the sides. The point is for them to take All available space both vertically and horizontally. So if one adds elements above, or elements below (assume 100% width), your solution should shrink to accommodate. Same goes with elements on the sides. Your layout should fill 100% of its container's space.

Restrictions


HTML and CSS only (no JavaScript)
IE8+ support mandatory
Must work in all major browsers (it is, after all, a layout!)
HTML and CSS must both be valid.
No tables, it's supposed to be a layout, not an abomination.


Winner


Code with fewest characters wins, excess spaces and newlines do not count, don't be afraid to be readable! (I'm running the solution through a minifier)




Good luck!
Simple

&lt;div style=float:left;&gt;L&lt;/div&gt;&lt;div style=float:right;&gt;R&lt;/div&gt;&lt;div style="width: 100px;margin:0px auto;"&gt;C&lt;/div&gt;



Who said that it needs to be valid html?
Who said that I need a doctype?