Question

I have a div that on hover will change positioning on an image and toggle a div via css. The list uses upper-alpha for styling. This CSS works fine in every browser except IE. The issue that I’m having is that in IE, after hovering over the div, it changes to 0. from A, B, C, etc..

Here’s an example in jfiddle:
http://jsfiddle.net/YALdD/

Answer 1

if this works for you, just put the letters in the lists and get rid of the upper-alpha style, like this: http://jsfiddle.net/mjgasner/6J6Nf/3

Here’s the workaround that is mentioned from the link in the comment above:

http://jsfiddle.net/mjgasner/94tu4/1/

It clearly doesn’t work.

AND

IE won’t render those as animations, as they are not supported.

http://www.w3schools.com/css3/css3_animations.asp

You can animate the color change in all browsers (even IE6!) with jQuery UI:

http://jqueryui.com/demos/animate/