Has anyone an idea how achieve such a functionality?
I have two absolutely positioned divs in such way:

And what I want to do is that div1 is listening for mouseover and mouseout events and div2 for mouse click.
When I am moving mouse on div2 the mouseout event triggers on div1 and I don’t want it to.
I want that user could move a cursor on div2 without triggering div1 mouseout (because div1 is behind div2 so actually user did not move a cursor out) and click div2.
I am NOT using a jQuery but is someone could point me how to do this in jQuery and add some details how jQuery is handling such a problem then I will love that answer too 😉 but still I prefer jQuery free answer.
The mouseout feature is intended to work so.
You might filter out the behaviour of your mouseout event callback checking if
rgds
edit: regarding to the click on div2, please comment any further problem you could be experiencing but I don’t think there should be any.