CSS switch to protect IE from its self?

programming web dev
1

I’ve googled this one to death, and there are an amazing amount of solutions out there.

I have a CSS menu that has background images for the hit button state, and anchor images for the up button state. on mouseover i’m using…

a:hover img {visibility:hidden;}

Is there a reliable way to hide this from IE 5/5.5/6 on the PC (Tested it in IE8 and it also broke). The up/over jpegs for the menu scatter everywhere and don’t align.

If this could work with CSS images turned off too, i’d be a very happy bunny indeed :bu:

Links/help very much needed.

Thanks,
Pablo

2

why are you using images within the anchor when you can just do it all with sprites?

http://www.alistapart.com/articles/sprites

3

Thanks for that Faster, not used that method before because the offsets are a pain to work out. The menu i’m working on is an irregular shape. Slices were easier to deal with, so I was after a way of hiding the jpeg background rollovers from IE and just having the links change colour.

4

let me see some of your code and perhaps we can think of another way of fixing this?

5

I would recommend that you check out the son of suckerfish menus.

http://htmldog.com/articles/suckerfish/dropdowns/