How to set an element to fill the entire free height?

Question

css

Fellow web designers, there is an example solved using a table layout: http://jsfiddle.net/haGWe/
In it, the central cell occupies the entire free height in the table.
The problem is that it is not possible to overflow-y so that the center cell becomes smaller than the content it contains, creating a scrollbar.

Question: how to enable overflow-y, and if not, how to implement the same using block layout, but with the possibility of overflow?

UPD. Answers.
Block solution by avalak : http://jsfiddle.net/6Q7L7/1/
Table solution: http://jsfiddle.net/haGWe/6/

Answer 1

I'm not sure that I understood you correctly, but here's a variant on divs .