I'm trying to create a 2 column layout for a site. The left div is for navigation, and contains a faux-column style repeat -- my goal is to have it be 100% of the body/document height all the time, NOT just the browser viewport height..
The right div is for content, and will have a variable height for each page.
Browse below to see my problem:
Be sure to size your browser so that there's a scrollbar. You'll see that scrolling down breaks the 100% height of the navigation, leaving a clean cut.
Does anyone know how to make the navigation div ALWAYS be 100% of the document height, even when the content on the right is very extensive?
Thanks so much =]