Pb de menu déroulant : hover

Salut tout le monde,
Voila, je suis entrain de réaliser un menu déroulant en css. Il fonctionne parfaitement sous firefox, mais pas sous ie6. J'ai donc utilisé le fichier csshover.htc, mais ca ne fonctionne tjs pas, alors que ca devrais normalement! Est-ce que c mon navigateur qui n'est pas bien paramétré, ou alors j'ai mal compris comment utiliser cette ressource?? Si quelqu'un pouvais m'aider ce serait très gentil, merci! Je suis vraiment désespérée!! :(

Voici mon code:

HTML :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<div id="menu">
	<ul class="niveau1">
		<li><a href="#">Accueil</a></li>
		<li class="sousmenu"><a href="#">Menu1</a>
			<ul class="niveau2">
				<li><a href="#">SousMenu1.1</a></li>
				<li><a href="#">SousMenu1.2</a></li>
			</ul>
		</li>
		<li><a href="#">Menu2</a></li>
		<li class="sousmenu"><a href="#">Menu3</a>
			<ul class="niveau2">
				<li><a href="#">SousMenu3.1</a></li>
				<li><a href="#">SousMenu3.2</a></li>
			</ul>
		</li>
		<li><a href="#">Menu4</a></li>
	</ul>
</div>

CSS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
body 
{
	behavior: url(csshover.htc);
}
 
div#menu a 
{
	color:#000000
}
 
div#menu ul 
{
	padding: 0; 
	margin:0px; background: white
}
 
div#menu li:hover 
{
	background: #EDD
}
 
div#menu li.sousmenu:hover 
{
	background: #EBB;
}
 
div#menu li.sousmenu 
{
	background: url(fleche.gif) 95% 50% no-repeat;
}
 
div#menu ul li 
{
	position:relative; 
	list-style: none; 
	float:left;
}
 
div#menu ul ul 
{
	position: absolute;
	display:none; 
	width:100px
}
 
div#menu li a 
{
	text-decoration: none; 
	padding: 4px 0 4px; 
	display:block;
	width:100px
}
 
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2
{
	display:block;
}
 
div#menu ul.niveau3 
{
	top:0; left: 100px;
}