How to make divs extend to the bottom of the page for every zoom

Is there a way to have a div extend to the bottom of the page no matter what the zoom is? I have tried to use fixed positioning and absolute positioning and I can't get the sidebar to extend just to the end of the viewable area?

Here is a screenshot of what I have so far. The scro开发者_开发问答ll bar on the side only applies to the column on the right. I want that to extend to the bottom of the viewable area along with the map. This is on minimum zoom.

http://flic.kr/p/a5mEU7

---

I have made a jsfiddle version of your page at here.

I believe this is the solution you were after, be warned it may not work 100% in all browsers but it gives you a starting point.

-UPDATE-

The previous jsfiddle URL I gave was incorrect, just changed it to the correct one (got the original one wrong, sorry)