JQuery Mobile IPad: Clicking on inks on higher z-index div causes clicks on underlying content as well
===

I created a drop down menu bar for my jquery mobile website which uses higher z-indices to display navigation links. Everything was working fine until I hit this roadblock. This happens only on the ipad. When I have jquery mobile styled checkboxes on the page and I scroll the page. After that, clicking on a drop down menu bar actually causes a click on the checkbox which was actually hidden below that menu item. Anyone encountered a problem like that? What different things can I try out? Thanks in advance!