Problema con drop down. Incompatibilità con internet explorer

[stal86]

Salve ragazzi mi sto scervellando sul perchè il mio menù dropdown non funziona su ie mentre su crome e firefox va una bomba.
Mandatemi un eventuale link per farne un altro se questo è un problema che non si può risolvere
ora vi posto il codice

css:

/* bordo superiore */
ul#menud {
width: 250px;
list-style-type: none;
border-top: solid 0px #635c54;
margin: 0;
padding: 0;
}

ul#menud ol {
display: none;
text-align: left;
list-style-type: none;
margin: 0;
padding: 10px;
}

ul#menud li,
ul#menud a {
font-family: sans-serif, corbel, verdana;
font-size: 13px;
color: #333333;
}

/*bordo tra prodotti */
ul#menud li {
border-bottom: solid 1px #E5E5E5;
line-height: 25px;
}

ul#menud ol li {
border-bottom: none;
}

ul#menud ol li:before {
content: "- ";
}

ul#menu a {
text-decoration: none;
outline: none;
}

ul#menud a:hover {
color: #539dbc;
}

ul#menud a.active {
color: #be5028;
}


java script

var menu=function(){
var t=15,z=50,s=6,a;
function dd(n){this.n=n; this.h=[]; this.c=[]}
dd.prototype.init=function(p,c){
a=c; var w=document.getElementById(p), s=w.getElementsByTagName('ul'), l=s.length, i=0;
for(i;i<l;i++){
var h=s[i].parentNode; this.h[i]=h; this.c[i]=s[i];
h.onmouseover=new Function(this.n+'.st('+i+',true)');
h.onmouseout=new Function(this.n+'.st('+i+')');
}
}
dd.prototype.st=function(x,f){
var c=this.c[x], h=this.h[x], p=h.getElementsByTagName('a')[0];
clearInterval(c.t); c.style.overflow='hidden';
if(f){
p.className+=' '+a;
if(!c.mh){c.style.display='block'; c.style.height=''; c.mh=c.offsetHeight; c.style.height=0}
if(c.mh==c.offsetHeight){c.style.overflow='visible '}
else{c.style.zIndex=z; z++; c.t=setInterval(function(){sl(c,1)},t)}
}else{p.className=p.className.replace(a,''); c.t=setInterval(function(){sl(c,-1)},t)}
}
function sl(c,f){
var h=c.offsetHeight;
if((h<=0&&f!=1)||(h>=c.mh&&f==1)){
if(f==1){c.style.filter=''; c.style.opacity=1; c.style.overflow='visible'}
clearInterval(c.t); return
}
var d=(f==1)?Math.ceil((c.mh-h)/s):Math.ceil(h/s), o=h/c.mh;
c.style.opacity=o; c.style.filter='alpha(opacity='+(o*100)+')';
c.style.height=h+(d*f)+'px'
}
return{dd:dd}
}();


html:

<ul class="menu" id="menu">
[*]Home
[*]Dove Siamo
[*]Contatti
[*]Prodotti
<ul>
[*]Consolidamento e perforazione
[*]Cantieri edili
[*]Prodotti per la demolizione
[*]Antinfortunistica
[/list]
[*]Promozioni
<script type="text/javascript">
var menu=new menu.dd("menu");
menu.init("menu","menuhover");
</script>

[stal86]

nessuno puo aiutarmi????