Create PNG image of a page of images

I want to create a PNG image based on set of images on the page. Example: <div id='photoframe'> <div style='position:absolute;top:30px;left:20px;z-index:33"><img src="[login to view URL]"></div> <div style='position:absolute;top:230px;left:120px;z-index:22"><img src="[login to view URL]"></div> <div id='mainimage' style='z-index:3'><img src='[login to view URL]'></div> </div> I have an image with other images on top of it (using z-index). I like to create a new single image based on this. It must understand z-index so it knows what should be on top of what. It should keep transparency of PNGs. It should be a PHP function so I would use it like: 1. Feed php function the entire code inside photoframe 2. Generate a new image based on it 3. Save image as PNG Thanks Budget is $150