vertical_css3_shadow_menu not work in IE

[jodidesign2]

Hi there~

I love this menu, but am having issues with it working in IE (v 8)... Yes, I know, its a horrible browser, but I have to design my site for multiple browsers... Any idea on how I can make this work?

http://www.dynamicdrive.com/style/csslibrary/item/vertical_css3_shadow_menu/

Thanks!

[Beverleyh]

Unfortunately IE 8 doesn't support a lot of CSS3 properties/effects/selectors such as box shadow, transitions/animations and opacities which the menu script uses: http://fmbip.com/litmus/

This particular menu doesn't lose functionality without the CSS3 stuff though, which is a good thing - you can still use it - it just doesn't look quite so nice in IE8.

If you really wanted to get things looking spiffy in IE8, you'd need to use a JavaScript fallback such as Modernizr: http://modernizr.com/

[jodidesign2]

Can I still use a hover background (instead of the shadow box) or are you saying this menu, will not work with backgrounds, in IE period? I hate starting over... :(

[jodidesign2]

Disregard, I tried a different background and it worked... Thanks for responding! It would be helpful if the menu had a list of browsers that it worked well in... :)

[Beverleyh]

... are you saying this menu, will not work with backgrounds, in IE period?
Not at all. Please refer to this article for information about background properties that are supported in IE8: http://www.standardista.com/css3/css3-background-properties/