I'm trying to make a simple 2-column fluid layout without a header or footer but whenever the main content is longer than the sidebar, the sidebar refuses to stretch vertically down the entire page. It only stretches as far as my physical screen height.
(There should be a 50px margin between the end of this content area and the bottom but I'd like the div to stretch past this as well.)
Any help would be appreciated.
I would use a 275px X 5px (or whatever height you like) completely black background image on the body that repeats vertically and not worry about height issues of your columns.
if the sidebar is always less long than the browser window you could just set it to
position: static; top: 0; height; 100%;
in case it does not it will either get complicated or you can set
overflow-y: scroll; which might not be the preferred design choice.