Quando c'e` display: none;, lo z-index non ha significato; prova ad inserire lo z-index corretto quando dichiari display:block;
Non dichiari z-index nel primo menu (quello sempre aperto): questo potrebbe trarre in inganno qualche browser.
Ok, ho modificato il codice CSS in questo modo:

codice:
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #000;
	color: #ccc;
}

ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	border-bottom: 1px solid #ccc;
	z-index: 10;
}

ul li{
	position: relative;
}
	
li ul{
	position: absolute;
	left: 50px;
	top: 20px;
	display: none;
}

ul li a{
	display: block;
	text-decoration: none;
	background-color: #000;
	color: #ccc;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

ul, ul ul{
	margin: 0;
	padding: 0;
}

ul ul, ul li:hover ul ul{
	display: none;
}

ul li:hover ul{
	display: block;
	z-index: 20;
}

ul ul li:hover ul{
	display: block;
	z-index: 30;
}
Utilizzi la pseudolcasse :hover su un[*]: questo non e` riconosciuto da IE (:hover funziona solo in un <a> o <area> )
con questo script (non non avevo mostrato in precedenza risolvo quel problema):

codice:
<style type="text/css">
	body{
		behavior: url("../javascript/csshover.htc");
	}
</style>
Il codice HTML non e` corretto (mancano alcuni tag di chiusura - ma forse e` opera dei tagli che hai fatto).
Esatto, per questo a scanso di equivoci ti posto tutto il codice HTML:

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>level0</title>
<link href="css/stili.css" type="text/css" rel="stylesheet" />
<meta name="description" content="level0" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />		<script src="/javascript/ajax.js" type="text/javascript"></script>
<style type="text/css">
	body{
		behavior: url("../javascript/csshover.htc");
	}
</style>
</head>
<body>
<div id="list">
	<ul>
	[*]Duis felis tellus
	<ul>
		[*]SottoCategoria1
		<ul>
			[*]Prodotto1
		[/list]
		
		[*]SottoCategoria2
	[/list]
	
	[*]Vouptat ut
	<ul>
		[*]SottoCategoria3
		[*]SottoCategoria4
		<ul>
			[*]Prodotto2
		[/list]
		
	[/list]
	
	[/list]
</div>
</body>
</html>
Nonostante ciò però continua a non funzionare:



firefox ok



ie no

Grazie.