I am breaking my head over this - my screen is a simple layout with a header, siderbar and main content holder. The problem i am facing is I need my sidebar to automatically adjust its height and shrink or expand the sidebar scrollbar (not the page scrollbar). Requirement is to disable page scrollbar.

I need something like google maps - if you see this page (Google Map Search Result) when you increase or decrease the height of the browser, the sidebar automatically adjusts its height and scrollbar size. This is exactly what I am looking for.

Attaching my html (i've renamed it to .txt file - please change it back to .html) - please look at it and let me know what i need to do.

Please help. Thanks a lot.