IE7+8 Animation bug, Background color + CSS3 Rounded corners

I ran into an interesting issue at today, i'm developing the .js for site.

The site have some boxes with some round corners, the designer have made an active state where the background color animates from one color to another.

So i made a simple animate(), with jQuery-UI to animate the background color.

If you look at the pasted link, (in IE7/IE8) you will see that there is a flash, where the background color set's to white when you click the box, then start's the animation 开发者_开发问答from white to the selected color.

http://temp.pumpthejuice.com/ie/rounded-corners.htm

i'm using http://css3pie.com/ for the round coners. There is also an box with no round corners that work fine..

Anybody know anything about this, have run into the issue, got an idea to a solution?

Thanks!

Use one of the many rounded corners stylesheets to avoid this type of issue with script based solutions:

• borderstyles
• chunky borders
• snazzy borders
• curved borders