Questo menù che utilizza i css non funziona con internet explorer:

<html>
<head>

<style>
<!--
ul#nav, ul#nav ul{
margin: 0;
padding: 0;
list-style: none;
width: 25px; /* Width of Menu Items */
}
ul#nav li, ul#nav li ul li{
position: relative;
}
ul#nav li ul{
position: absolute;
left: 200px; /* Set 1px less than menu width */
top: 100px;
width:125px;
display: none;
border-bottom: 1px solid #ccc;
}
ul#nav li a, ul#nav li ul li a{
font-size:9px;
letter-spacing: 1px;
font-variant: normal;
font-style: normal;
font-weight: bold;
display: block;
text-decoration: none;
color: #777;
background: #fff; /* IE6 Bug */
}
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
ul#nav li a:hover, ul#nav li ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */
ul#nav li ul li a { padding: 2px 5px; border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc;} /* Sub Menu Styles */
ul#nav li:hover ul, ul#nav li.over ul {display: block; }
-->
</style>
</head>
<body>
<ul id="nav">
[*]
HOME
<ul>
[*]Gennaio 2007
[*]Febbraio 2007
[*]Marzo 2007
[*]Aprile 2007
[*]Maggio 2007
[*]Giugno 2007
[*]Luglio 2007
[*]Agosto 2007
[*]Settembre 2007
[*]Ottobre 2007
[*]Novembre 2007
[*]Dicembre 2007
[*]...2006...
[*]...2005...
[*]...2004...
[/list]

[/list]
</body>
</html>

Potete aiutarmi?