Equal Heights Three Column Layout With CSS

when designing multi-columed layout, most of us usually deal with the columns height difference by using background images, or many prefer calling it "faux column".

but not long a go a fellow designer made a great web design tutorial on how to make an equal height two column css layout with a simple javascript.

but his method requires javascript, it's not a bad thing. but i need a solution where no javascript would be required. so, i decided to make myself a css technique to achieve the same web site layout but without javascript.