I am working on building a horizontal navigation using sprite images. Ultimately I'm trying to accomplish using a sprite image that will change effects when hovering over its navigation link.
When testing this in web browsers such as FireFox, Chrome, Opera & Safari (both Mac & PC) this seems to work very well. However IE 7 & 8 doesn't render this very well in my favor. I'm not sure if I'm doing something wrong or is there is a fix for this? Should I approach this differently when using the html5 tags?
Hey @Mottie, I had no idea what HTML5 shiv was until you posted it here. I tried working with it and it worked perfectly. Thanks again for your help. (cheers) -Shad
When testing this in web browsers such as FireFox, Chrome, Opera & Safari (both Mac & PC) this seems to work very well. However IE 7 & 8 doesn't render this very well in my favor. I'm not sure if I'm doing something wrong or is there is a fix for this? Should I approach this differently when using the html5 tags?
I've loaded my current code here: http://jsfiddle.net/iamshad/6n3JN/7/
Any help or input someone can provide is greatly appreciated.
Anyway, IE7 & IE8 ignore unknown tags, so either revert back to divs or use an HTML5 shiv