I’m running into a problem with background image of an <li> loading in firefox.
my original code was:
background: #bdcad7 url(../images/navbg.png) repeat-x;
which works well in chrome and IE but not in FF.
background: #bdcad7 url(images/navbg.png) repeat-x;
also works in IE and chrome but not in FF
The only way to get it working in FF is if I include the next directory level
background: #bdcad7 url(/includes/images/navbg.png) repeat-x;
but that doesn’t work in other browsers.
I’ve tried all variations I can think of ./, ../, include quotes, double quotes, use background-image etc and can’t get it to work in all browsers. The relative path just seems to read different in FF (something I’ve never seen before)
What works in all browsers is having the full url of the image or an absolute path, but eachtake 3 lines on the text editor so I’d like to avoid it if possible.
Any insight as to why firefox is giving me a hard time would be appreciated.
I appreciate all the input.
To the best of my abilities I figured it’s a problem coming somewhere on the server side along the directory path.
I’ve doubled and triple checked the css, tried every variation possible and can’t duplicate the error on a test document.
I think the only option is to go for the full absolute path in case someone else runs into the same problem.