div con degrade y sombras html5 no se ve en Internet Explorer

[lradriz]

Hola estoy usando por primera vez html5 y en internet explorer no se ve el div con degrade y sombras y no me lee en contenedor para centrar la pagina, me borra los margenes.
Adjunto el codigo del estilo:
@charset "utf-8";
.contenedor {
height: 90%;
width: 75%;
margin-left:auto;
margin-right:auto;
}
section {
/*navegadore sin soporte*/
background: black url(fondodegradee.jpg) no-repeat;
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DCDCC8));
/* Safari 5.1+, Chrome 10+ */
background: -webkit-linear-gradient(top, #FFF, #DCDCC8);
/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #FFF, #DCDCC8);
/* Opera 11.10+ */
background: -o-linear-background(top, #FFF, #DCDCC8);
/* IE 10 */
background: -ms-linear-background(top, #FFF, #DCDCC8);
filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#D7E9F3', endColorstr='#ffffff');
box-shadow: 2px 2px 70px #000;
-moz-box-shadow: 2px 2px 70px #000;
-webkit-box-shadow: 2px 2px 70px #000;
-o-webkit-box-shadow: 2px 2px 70px #000;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
vertical-align: middle;
height: 40%;
width: 60%;
position: relative;
color: #000;
background-repeat: no-repeat;
background-position: center center;
font-size: 13px;
padding: 5%;
margin-right: auto;
margin-left: auto;
text-align: center;
}

Como lo soluciono?