I noticed another silly IE CSS quirk when styling links.
In this particular case I was using a CSS Sprite and on mouseover the Sprite-image should slide up to show the hover state to the next link in a jquery coda slider type display.
The Sprite’s CSS attribute :hover worked fine in FireFox, but when testing in IE there was no reaction to the CSS :hover state.
Turns out that you have to add a hyper link reference or IE will not recognize that there needs to be a switch.
I applied the href and now the silder arrow button-images are is working great in IE7
Example:
This worked in FF but Not IE :<a class=”prev”></a>
This was the fix <a href=”#” class=”prev”></a>
Don’t you just love messing around with cross-browser compatiblity.
This little nugget of info only took me about an hour and half to figure out….after I had adjusted much of my CSS code to figure out what was going on.
Nope the CSS was fine…geez.