IOS 6 - PNG Images in webkit showing as black background

This is a weird problem that happens to me only in IOS 6.

If you are using UIWebKit in your IOS app and also using CSS to render images (ex. button background), make sure you flatten the images.

In Adobe Photoshop, when exporting the images (Export for Web), uncheck transparency and interlaced.

The following are image samples.

Image that renders normally:

Image that renders black:

Try it out and let me know if you are facing the same problems.