Here's the problem: I have a div (container_div) with 2 smaller div inside: one containing an image (image_div), and one containing some text (text_div). I want to start an animation on image_div everytime the mouse is over the whole container_div. The animation works fine as long I use firefox or chrome; on IE instead the mouseleave event is triggered each time the mouse passes over the text inside text_div (not the entire div, only the text). 

I tried to put the text directly inside container_div but it was unuseful; I created an empty div (trigger_div) as big as container_div, I putted it exactly over container_div and gave it a higher z-index value, then I associated the mouseenter/mouseleave event to this div but I obtained the same result: on IE (and only in IE) the text contained in text_div trigger the mouseleave event. Finally I decided to come here asking help :)

Can someone provide me an explanation or a solution to my trouble? 

Thanks a lot!

PS: I know that I could use some images to emulate text and avoid the problem, but I want to use text for search engine optimization :) Thanks for any help you could give me!