:hover issue when mouse moves over an iframe which is inside the div | Internet Explorer

Question

Here is my problem:

I have made a small bar in the left side of the browserwindow #blokje{left:-180px; position:absolute;...}, when use

Answer 1

The following should achieve the effect you want. This is based on the linked answer. jQuery:

    if($.browser.msie){
        $("#blokje iframe").on("hover",function(){ 
            $(this).parents("#blokje").toggleClass("hover");
        });
    }

CSS:

#blokje:hover,#blokje.hover{left:0;}