Hello, I am working on a one page site and I'm having the same problem I've had before which is if the window is a smaller size than the length of the content the background color of the site will show though instead of the background color of the container. To see what I'm talking about you can visit this link http://thryve.com/closing/ make the window smaller than the content and then scroll down and you will see the lime green background instead of the black background. All the css is currently inline (view source to see) It's just a simple one page site. Any help would be great! Brooke
well, yeah, you set the height of the container to 75%. Main is remaining completely filled with black. You're doing this the hard way. Why not give the body the black background and have an element where the img is with the green background? Easier that way. If you're going to do 100% height leave the absolute positioning in teh trash. This works better: html, body { height: 100%; } (absolutely no point in stating the width, it's all-natural 100% wide already) body { position: relative; (a friend to IE) anything else; bg colour; } #container { min-height: 100%; whatever else; } * html #container {height: 100%;} IE6 doesn't understand min-height but will let height grow anyway. Min-height lets your content be longer than someone's screen, and lets them scroll down further. Using this setup, your header or whatever with the green bg would be inside the container. If you end up adding overflow: hidden to the #container to hold floats, fine, but IE6 then might need overflow: visible otherwise you will lose the ability to scroll (just ran into this bug yesterday). Also, there's an opera bug with height 100% and setting overflow of some sort on the HTML element will help but I just read something about an old safari hack that works better. But I forget what it was. Teh Googles, ze do nossing.