Lots of ways to corrupt an image with g:background!
Using the following g:background, will rotate the image, but corrupt the right and bottom areas. The outline of the image is there, but the image itself is transparent within it.
<g:background src="image.jpg" style="width:80%; height:80%;" rotation=20 />
This will cause Sidebar to offset the transparent outline up and left of the main image:
<g:background src="image.jpg" style="top:20%; left:20%; width:60%; height:60%;" />
or style="position:absolute; top:100 height:60%;" />
<g:background src="image.jpg"
or <g:background src="image.jpg" style="position:absolute; top:100px; left:100px; width:150px; height:150px;" />
If you want the image to be exploded beyond belief:
<g:background src="image.jpg" style="top:20%; left:20%; width:40%; height:40%;" />
or
<g:background src="image.jpg" style="position:absolute; top:100px; left:100px; width:40%; height:40%;" />
If you want it to just crop the image incorrectly: style="position:absolute; top:50px; left:50px; width:200px; height:200px;" rotation=20 />
<g:background src="image.jpg"
Use the following gadget.html to try these.
<HTML>
<BODY style="width:500px; height:500px; margin:0px;">
....your choice of gbackground here....
</BODY>
</HTML>
