Dégradé vertical IE9

Je me bat avec les degrades IE9.

J'ai le code html suivant :

Code:

<div id="titre-liste-statistiques">Evolution des appels - <?php echo $_SESSION["s1_annee"];?></div>

J'ai le code CSS suivant :

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
#titre-liste-statistiques {
	text-indent:10px;
	color:#000000;
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
/* Anciens navigateurs */
	background: #FFFFFF url("gradient-bg.png") repeat-x center;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #FFFFFF;
	background: #FFFFFF\0/;
	/*filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFFFFFFF, endColorstr=#FFCCCCCC);*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EAE8E8'); /* for IE */
	/* Navigateurs récents */
	background-image: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#FFFFFF),
		to(#CCCCCC)
	);
	background-image: -webkit-linear-gradient(
		top,
		#FFFFFF,
		#CCCCCC
	);
	background-image: -moz-linear-gradient(
		top,
		#FFFFFF,
		#CCCCCC
	);
	background-image: -o-linear-gradient(
		top,
		#FFFFFF,
		#CCCCCC
	);
	background-image: linear-gradient(
		top,
		#FFFFFF,
		#CCCCCC
	);
}

Je ne parviens pas à faire le degrade sous IE9, le degrade est présent sous Firefox.

Avez-vous une idée.

Cordialement.