Hi,

I am having some trouble with setting a background image to repeat-y. My code is (div on page):

Code: Select all

background: #f0eee4 url(sectionnav_bg.gif) repeat-y center;

The background image looks like this:

Here is a modified version to see it better:

Blue is really white, Gray is really a spacer.

The correct result in Internet Explorer is a white bar below the navigation (top left) that continues to the end of the page:


But then comes my problem - Firefox and Safari...
What is a white bar in IE is a gray empty field in Firefox and Safari:



I have yet to figure out what is causing this. If anyone can help me out, it would be greatly appreciated.

Thanks,
SWagner