So I have a couple of divs overlaid on eachother with differing z-index values.
The default behaviour for browsers seems to be the event bound to the top-most z-inde
If you are using an javaScript framework event bubbling might be included. (ExtJS I know for sure has this kind of event feature.)