I have a simple site design I wish to implement using CSS. There are two sections, a navigation bar on the left and a content section. I have been unable to find a way of setting the navigation bar to extend to the height of the content section. This is not a problem when the content fits on the page with no need for vertical scroll bars (i used body{ height:100% } as I have seen suggested in many places to extent it to the bottom of the page) but if the content needs more display space the navigation bar does not extend below the bottom of the screen - and is cut off. How can I get the two to extend to the same height, where the minimum is the page height and the maximum determined by the size of the content in the page?