Karen 0 Report post Posted May 4, 2011 Hello everyone! I hope you can help me. I'm working on a website that I have temporarily hosted here. I have a repeating png file as the background of the main container, and all other elements (other than the header) are set to have no background color. The header and content areas are in another wrapper (labeled "container2") apart from the navbar. The problem? I have this weird black box showing up in the navbar area, and I don't understand where it's coming from. The navbar has javascript that expands it (and a separate css file), but that is all set to have no background as well. Please take a look and let me know if you have any thoughts. Thanks in advance! Karen GuppyFish Web Design Quote Share this post Link to post Share on other sites
falkencreative 49 Report post Posted May 4, 2011 The dark background is coming from #container. The navbar doesn't extend all the way down the page -- it only encloses the nav elements, and doesn't extend down the page past them. Are you sure you didn't intend to use "repeat-y", not "repeat-x" on the #container's background? 1 Quote Share this post Link to post Share on other sites
Karen 0 Report post Posted May 4, 2011 Ben - You are my hero! It's amazing how little things can rattle us so much... I had been staring at it for so long that I missed that. Thanks for being a spare set of eyes! Quote Share this post Link to post Share on other sites
falkencreative 49 Report post Posted May 4, 2011 Happy to help. Also, consider looking at the Firebug plugin for Firefox. It makes it a lot easier to catch this sort of thing. http://getfirebug.com/ Quote Share this post Link to post Share on other sites
