It was my attempt to fix the height problem based on this solution: http://www.quirksmode.org/css/100percheight.html
However, now that I have re-read it, I see what you are saying concerning the viewport. So this wasn't a true solution to my problem. Now on to your recommendations: When I remove the height on .container, the background then extends as needed on the News page, but on other pages where the content is short than the viewport, .container no longer extends to the bottom of the screen. The same thing happens when I remove the height on the HTML and BODY tags. If I remove both, the same results occur, but I also get a scroll bar on some pages, because it seems like 10 or so pixels are getting added to the bottom of the pages (specifically the home page) when there is no text to support the addition of the scroll bar. Additional suggestions? On 8/23/05, Rowan @ Jetboy <[EMAIL PROTECTED]> wrote: > You've set <body> to 100% height, which is 100% of the viewport. In turn > you've set .container to be 100% of its parent (i.e. body). Removing either > (or preferably both) will fix things in Mozilla. Presumably these height > settings were put in for a reason, maybe to fix another problem? -- Yazmin Wickham Contractor - Internet Development http://www.yazmin.net ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/