I'm building a theme from scratch, and, after getting the basic html/php in place, I'm adding basic images/css styling to the site. Note that not everything is perfectly theme-ready (ie. the images aren't in an /image subdirectory in the theme folder), I'm just trying to get everything functional at this stage, and will be fine-tuning everything later.
When I added a background image, it displays properly repeated, but there is a white ~30 pixel bar above the image, and I cant figure out why it's there or how to get rid of it. The white space is there in Chrome and Firefox, but not IE, and I haven't tried Safari/Opera. The CSS for the background looks like this:
I'm using http://www.wowbbq.com as my sandbox while building the theme - you should be able to see the issue for yourself.
I haven't been able to find anyone with a similar issue, both here or in the first few pages of Google results. I'd appreciate any/all help and suggestions.