How to make sidebar's height equal to the content height (two columns table with divs)?

I've created 2 columns layout - content div and sidebar div, with header and footer. See the live example here. How can I make sid开发者_运维百科ebar's height equal to the content height (i.e. I should have something equal to the table with 2 columns).

I use jquery and jquery ui.

I've used this technique before to solve this exact problem and it works nicely:

http://www.filamentgroup.com/lab/setting_equal_heights_with_jquery/

If you want a CSS solution, look into Faux Columns. You essentially fake the column with a repeating background image. The linked article is just an example, you can Google up 100 articles on it.