background image avec linear gradient sur internet explorer

Bonjour, c'est mon premier message sur ce forum donc je me présente un peu,
webmaster débutant depuis janvier 2012 et je rencontre aujourd’hui un problème avec un dégradé en background de mon header, le dégradé avec une image fonctionne parfaitement avec Moz, Chrome,... mais pas avec IE9
pourriez vous m'indiquer un moyen d'afficher mon dégradé derrière mon image avec IE ( pas avec les vielles versions si jamais IE 8 et 9 suffisent),
Merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
header {
    width: 940px;
    margin-top: 10px;
    height: 110px;
    background: #cedce7; /* Old browsers */
    background-image: url ('http://www.sarkasm.biz/images/sarkasm_logo.png') center no-repeat,-moz-linear-gradient(top,  hsla(206,34%,86%,1) 0%, hsla(199,12%,40%,1) 100%); /* FF3.6+ */
    background: url('http://www.sarkasm.biz/images/sarkasm_logo.png') center no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(206,34%,86%,1)), color-stop(100%,hsla(199,12%,40%,1))); /* Chrome,Safari4+ */
    background: url('http://www.sarkasm.biz/images/sarkasm_logo.png') center no-repeat,-webkit-linear-gradient(top,  hsla(206,34%,86%,1) 0%,hsla(199,12%,40%,1) 100%); /* Chrome10+,Safari5.1+ */
    background: url('http://www.sarkasm.biz/images/sarkasm_logo.png')center no-repeat,-o-linear-gradient(top,  hsla(206,34%,86%,1) 0%,hsla(199,12%,40%,1) 100%); /* Opera 11.10+ */
    background: url('http://www.sarkasm.biz/images/sarkasm_logo.png') center no-repeat,-ms-linear-gradient(top,  hsla(206,34%,86%,1) 0%,hsla(199,12%,40%,1) 100%); /* IE10+ */
    background: url('http://www.sarkasm.biz/images/sarkasm_logo.png') center no-repeat,  linear-gradient(to bottom,  hsla(206,34%,86%,1) 0%,hsla(199,12%,40%,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>SarkaSM / gallery</title>
<!------------------------------------CSS------------------->
        <link href="sarkasm_css/test.css" rel="stylesheet" />
<!------------------------------------CSS END------------------->
 
</head>
 
<body>
 
<!------------------------------------HEADER--->
<header>
</header>
<!------------------------------------HEADER END--->        
 
</body>
</html>