I got a div containing several clickable, draggable and resizable elements.
I also want these movable elements to disappear behind a partially transparent (background-)image.
It all works nicely on anything but Internet Exploder. 

my code (reduced to the bare minimum of what produces the problem) looks like this:

```
<div id="container" style="z-index: 200; position: absolute">
    <div style="position:absolute; width: 20px; height: 80px; background-color: red; opacity: .2"></div>
    <div id="works">not works</div>
</div>

```

I also created a fiddle here: <http://jsfiddle.net/ZUfp5/11/>

as you can see in the console, directly clicking the element will fire the handler but won't if you click at the overlay.

shouldn't the event bubble??

is there any way i can get this to work or does internet exploder yet again ruin it?

**UPDATE:**

*i edited the fiddle to make it work with firefox so the problem can be ovserved in its full scope*