Has anyone had trouble extending a div to the bottom of the page? I'm trying to put a right and left border around my center column. For me its fine if everything fits on the browser window, but as soon as the content goes past the window and you have to scroll, my div just stops. When I try to individually put borders around the sub divs, the right border disappears in IE, but in firefox its fine. My structure is something like this: <div id="container"> <div id="top" style="background:url("img.jpg") top left"></div> <div id="content"></div> </div> When I put borders around "container", it doesn't go completely to the bottom if I have to scroll. When I put borders around "top," the right border only shows up in firefox. I've tried min-height:100% and setting everything to height:100%. I thought that made it work. But then the right border shows up in "content" but still not in "top" in IE.