I have created a style sheet drop down menu and it works fine in mozilla and most times in works in ie however sometimes the menu will not drop down in ie but when you hit refresh the menu drops down.

any ideas.

Below is my stylesheet for creating a css drop down menu - I am using csshover.htc for internet explorer and this in the html

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(<%lcURLTheme2%><%lcThemeName%>css/csshover.htc);}
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;}
</style>
<![endif]-->



#menu {
z-index: 2000;
background: url(../images/hoz_menu_BG.gif) repeat-x #8898BC;
background-color: #8898BC;
color: black;
position: absolute;
width: 100%;
text-align: center;
left: 0;
cursor: pointer;
font-size: .9em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
border-bottom: 5px solid #CCD6EB;
}
/*top level for student*/
#menu #st ul { list-style: none;
margin: 0;
padding: 0;
width: 19.7%;
float: left;
}
/*2nd level for student*/
#menu #st ul ul { width: 80%;
position: absolute;
left: 0;
z-index: 500;
}
/*3rd level for student*/
#menu #st ul ul ul { width: 90%;
position: absolute;
left: 100%;
top: 1px;
}
#menu a { color: #FFFFFF;
background-color: transparent;
text-decoration: none;
text-align: center;
display: block;
padding: 4px 2px 4px 5px;
}
#menu a:link { color: #FFFFFF;
background-color: #4D678C;

}
#menu a:visited { color: #FFFFFF;
background-color: #4D678C;
}
#menu a:hover { color: #000000;
background-color: #ABBAD7;
}
#menu ul { border-right: 1px dotted #FFFFFF;
}
#menu li { position: relative;
}
#menu ul ul li {border-bottom: 1px solid #FFFFFF;
}
#menu ul ul { border-right: 1px solid #FFFFFF;
}
#menu ul ul { border-top: 1px solid #FFFFFF;
}
/*#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}*/
div#menu ul ul ,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
display: none;
}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
display: block;
}
/*2nd menu colours - uses #menu styles and then overwrites them for top menu links*/
div#menu ul li li a {
color: white;
background-color: #4D678C;
text-transform: capitalize;
text-align: left;
border-left: 1px solid #FFFFFF;
}