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.