I finally figured it out. I debugged by trial and error. I took out all the images and start adding them one by one.
I found that for one image the blend mode is "source in". When i set it to
normal, the rendering is just fine.
Its weird though, it did not have any issues with chrome and firefox. The only problem was on mac/safari.
I would leave it up to you to figure out, what is the reasonable explanation for this behavior.
Anyways, I really appreciate your response.
Right now, I am debugging another issue, which is I dont hear the sounds on ipad/safari. However, the sounds are all working fine on safari/mac, chrome, firefox. I had both .ogg and .m4a files for the sounds. I will debug more, please let me know how to debug many of the issues like that. At this point, all I need is a very good way to debug.(I dont see any errors in the browser logs/inspector/firebug etc.,)