(webkit safari, ipad2) Animating transparent png on top of transparent background png destroys background-image

[GoogleCodeExporter]

What steps will reproduce the problem?
1.Create a div with background-image:url(transparent.png); 
2.put another div with the image(2) you want to rotate on top of the first one
3. Rotate the image(2)

What is the expected output? 
Image rotates and everything looks fine. 
What do you see instead?
The background image gets ... i dont know how to call that.. it gets destroyed 
in some way (see attachment)


What version of the product are you using? On what operating system?
webkit safari ipad ios5

Please provide any additional information below.

Original issue reported on code.google.com by [email protected] on 4 Apr 2012 at 3:07

Attachments:

• safari-mobile.JPG

[GoogleCodeExporter]

this does not happen, if you put the background image in another div (as an 
img)and the other one on top of it. only with background-image

Original comment by [email protected] on 4 Apr 2012 at 3:15

[GoogleCodeExporter]

Cant tell what's the expected behaviour there :/ And also a test case would be 
helpfull - can you repeat problem inside a jsfiddle.net ??

Original comment by [email protected] on 4 Apr 2012 at 5:38