I have two DIVs, one is position on top of the other. The bottom DIV is bigger and has no z-index. The top DIV has a z-index=3000. Top DIV must not overlay bottom DIV (area that is not covered by top DIV must be responsive to user actions). Both of these DIVs must be droppable. For my draggables, I have a z-index of 3001. When I drag a draggable and drop it on the top DIV, I expects that only the drop function for the top DIV invoked. However, the drop function for both top DIV and bottom DIV got invoked.
Has anyone encountered similar situation? How can I fix this? I am using jquery-1.2.6.min.js, and jquery.ui-1.5.2 (I am unable to upgrade to the latest jQuery UI at this point).
