We have a page where certain windows can be dragged and dropped onto a panel. It works in Chrome and Safari but not in IE 9.

The Window that is being dragged contains a large Toolbarbutton. This button has a large Image. On our actual site, almost the whole window area is occupied by the Image. I realized that the presence of the image was causing the difference between IE and Chrome/Safari

See the attached file for an example. (You do not actually need the image file to replicate the problem, but any image would do.)

Here are the steps, to reproduce:

1. Drag the left-hand-side window from some position NOT on the image, and drop it to the right-hand-side panel

2. This works fine in all browsers. (The RHS panel changes its title to show that it got a drop event)

However,

3. Drag the left-hand-side by starting the drag while over the image, and drop it on the right-hand-side panel

4a. In Chrome/Safari, it still works the same; BUT,

4b. In IE 9, the drop event that is triggered is on the left-hand-side panel! This is the same behavior I see in our full-fledged app...the target of the drag is always the same thing that I am trying to drop!