Click on transparent margin to be handled as click on page background

Click on transparent margin to be handled as click on page background

How to ensure that a click on a page background image is handled by the bg click handler when the user clicks on the transparent margin of a div in front of the bg image? The div in front of the bg has a separate click handler.

The difficulty lies in the fact that the user sees bg around the div (as he is meant to, since the margin is transparent), and when clicking in the margin will expect to get the bg click handler, not the div click handler.

The divs, in case it matters, are in fact li elements floated in a ul. Indeed, when you do this, the ul occupies some screen real estate along the top of the screen, but is also transparent.