Detailed elements in a div will not be fadeTo () in IE

Question

This is strange to me. This code:

$(".layover").fadeTo("fast", 0.0);
$(".layover").hover(function() {
$(this).fadeTo("fast", 0.9);
},
function() {
$(this).fadeTo("fast", 0.0);
});

.. works great in all browsers except IE7 and IE8. It even works (slowly) in IE6 (screams!). In IE7 and IE8, this code will NOT disappear as child elements, namely tags img. imgjust sitting there is not affected. However, if I turn on compatibility mode in IE8, it works as expected. See this example page .

Is there a little that I am missing in my JavaScript to help IE play well? Can I force compatibility mode in IE?

And I know that someone is going to comment on FOUC. I am also working on this.

UPDATE: here is the CSS part

div.layover {
position:absolute;
padding:0px;
display:inline-block;
background-color:#fff;
height:106px;
width:312px;
}

Answer 1

, , FOUC:

$(".layover").hide();