I have a project which includes images with text overlaying them. For this project I have a menu that comes up in an overlay if you double-click on the page. However, if you click too high on the background image it will bring the menu bar down, and if you click too low on them it will push the whole page up (which also moves the very bottom limit of the text).
This happens with an image in the very bottom-most background of the project (body) and one which is intended to move with a card (backgrounder)
I suspect that it is because these images are scaled a bit larger to fit the screen when the site has been saved to the homescreen. (in fact, they are scaled to fit the ipad, which is a question I have for another day... how to change the image folder based on devices, so the image names stay the same, but they are taken from different locations)
The source for the project is available here: http://code.google.com/p/publishing-...trunk/index.js
an example to see how it is misbehaving is here: http://straathof.acadnet.ca/beta3.3/