# CSS switch to protect IE from its self?

**URL:** <https://forum.kirupa.com/t/css-switch-to-protect-ie-from-its-self/260683>\
**Category:** web dev\
**Created:** [May 18, 2008, 7:48pm UTC](https://forum.kirupa.com/t/css-switch-to-protect-ie-from-its-self/260683 "2008-05-18T19:48:58Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![pablo\_2006](https://avatars.discourse-cdn.com/v4/letter/p/c67d28/32.png) [@pablo\_2006](https://forum.kirupa.com/u/pablo_2006)\
**Post date:** [May 18, 2008, 7:48pm UTC](https://forum.kirupa.com/t/css-switch-to-protect-ie-from-its-self/260683/1 "2008-05-18T19:48:58Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![fasterthanlight](https://avatars.discourse-cdn.com/v4/letter/f/ecc23a/32.png) [@fasterthanlight](https://forum.kirupa.com/u/fasterthanlight)\
**Post date:** [May 18, 2008, 9:43pm UTC](https://forum.kirupa.com/t/css-switch-to-protect-ie-from-its-self/260683/2 "2008-05-18T21:43:25Z")

</div>

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

[http://www.alistapart.com/articles/sprites](http://www.alistapart.com/articles/sprites)

---

<div class="post-metadata">

**Author:** ![pablo\_2006](https://avatars.discourse-cdn.com/v4/letter/p/c67d28/32.png) [@pablo\_2006](https://forum.kirupa.com/u/pablo_2006)\
**Post date:** [May 24, 2008, 10:29pm UTC](https://forum.kirupa.com/t/css-switch-to-protect-ie-from-its-self/260683/3 "2008-05-24T22:29:56Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![fasterthanlight](https://avatars.discourse-cdn.com/v4/letter/f/ecc23a/32.png) [@fasterthanlight](https://forum.kirupa.com/u/fasterthanlight)\
**Post date:** [May 25, 2008, 12:05am UTC](https://forum.kirupa.com/t/css-switch-to-protect-ie-from-its-self/260683/4 "2008-05-25T00:05:23Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![djheru](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/djheru/32/3190_2.png) [@djheru](https://forum.kirupa.com/u/djheru)\
**Post date:** [May 25, 2008, 2:59am UTC](https://forum.kirupa.com/t/css-switch-to-protect-ie-from-its-self/260683/5 "2008-05-25T02:59:23Z")

</div>

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

[http://htmldog.com/articles/suckerfish/dropdowns/](http://htmldog.com/articles/suckerfish/dropdowns/)