Strange CSS behaviour with IE9 for submenu's DIV - css

Question

I have this piece of code:
#bizMxp{position:absolute;min-width:140px;left:5px;z-index:100000;display:none;top:134px}
#bizMxp div{background-color:#fff;border:4px #6db03f solid;border-top:0;padding:15px;margin-top:20px}
$('.mxpbiz').hover(function(){$('#bizMxp').show('fast');},function(){$('#bizMxp').hide();});
<div id="mainMenu">
<ul>
<li<%=TabAttiva("mxpbiz",act)%>><a class="mxpbiz" href="#"><%=Lexicon("MXP BIZ")%></a></li>
</ul>
<div id="bizMxp">
<div>
<%=Lexicon("About us")%><br/>
<%=Lexicon("The Building")%><br/>
<%=Lexicon("Location")%>
</div>
</div>
</div>
and it works perfectly with Chrome, FF and IE <= 8, but with IE9 submenu's div doesn't appear even if I am using absolute position and z-index... is there something I could have missed for IE9?....
Thanks in advance to everyone! :-)))
Cheers,
Luigi

Answer 1

Which JS-Framework are you using? jQuery?
I tried out your code on JSFIDDLE: http://jsfiddle.net/PaEk9/
It works on my IE9.
Maybe it's the problem of IE loading jQuery - i hat that Problem too.
Try out to put your scripts at the bottom of the page or use jQuery instead of the dollar sign $ on scripts on the outside of the DOM-Ready Method.
Use the DOM-Ready function Like this:
jQuery(document).ready(function($){
// your code, now using '$'
});
Maybe this helps.