HI Guys,
I'm a bit of a newbie nob at CSS coding but have taken time to learn as much as possible and create my code from scratch. I have been frustrated with IE6 on several things but have worked out most of the probs.

I have a perplexing problem now. I am using background-image on a ul hover. It works great in firefox and it actually works on my IE6 on localhost. When I have uploaded the file to the host, the hover background image no longer works in IE6 (all's well in firefox). I've checked this behaviour on another computer's IE6 and get the same results.

The offending area can be seen here:
http://www.irscl.com/about.html

Any ideas???

cheers
dale
< link removed, create a signature >

I believe this is due to the way different browsers treat relative URLs in external CSS files.

In your CSS file there is the following...

background-image:url(../images/nav_bar_bkgd.jpg);

try replacing that with...

background-image:url(/images/nav_bar_bkgd.jpg);

All browsers will fetch that from the correct place as it is an absolute path. I recommend using absolute paths wherever possible in external CSS files.

Thanks Dolbz,
I corrected the paths but got no love from IE6. Still not showing the background-image on hover.

I remain perplexed :-/

cheers
littleredplanet

OK,
After a bit of googling and reading, I found a fixed that's worked.
Add this to the css file:

html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

I still dont understand why the background image worked on localhost but not on remote ... I'll never understand the voodoo behind IE6 :-/

maybe it's because http://www.irscl.com/p7uberlink.js hasn't been uploaded to the server.