hover verticle menu

[liunx]

i have a verticle menu that shows sub menus on hover however this only works in Mozilla FireFox and not Internet Explorer can any one tell me why or show me hw to fix this? Any chance of seeing the code first? It's gonna be far easier to explain where you've gone wrong rather than telling you how to do it.Hi ~J~
heres the code hope u can help with this 1 thank you x

<style type="text/css" media="screen">
#menu {
margin-top: 6px;
margin-left: 6px;
margin-right: auto;
margin-bottom:7px;
width: 180px;
background: #0099FF;
font-size: small;
clear:both;
height: 115px;
}
* html #menu { /* This is the Tan hack */
width: 180px;
w\idth: 180px;
height: 115px;
h\eight: 115px ; }

#menu ul {
list-style: none;
margin:0;
padding: 0;
width: 180px;
float: left;
}

#menu a, #menu h2 {
display: block;
border-width: 1px;
border-style: solid;
border-color: #0066FF;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #ffffff;
background: #0099FF;
font-size: small;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#menu a {
color: #ffffff;
font-size: small;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
background-color: #0099FF;
text-decoration: none;
z-index: 500;
}

#menu a:hover {
color: #ffffff;
border-color: #0066FF;
background: #0099FF ;
}

#menu li {position: relative; z-index: 500;}

#menu ul ul{
position: absolute;
top:0;
hieght: auto;
left:100%;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
height: auto;
left: 100%;
z-index: 500;
}

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;}


</style>
<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;}

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<!--[if IE]>