Problema con Internet Explorer (cómo no...)

[madman_18]

Hola a todos!

Estoy liado haciendo una pre-web y estoy teniendo problemas con su visualización con la mi*** de internet explorer

Mi pre-web consta de lo siguiente:

- Fondo radial-gradient y una imagen en el centro.
- Un contenedor en el centro (para mostrar la típica información de web en desarrollo).
- En el contenedor a mostrar tengo:

- El logotipo de la empresa

- Dos bloques que muestran la dirección de la empresa y quien lo desarrolla

Ahora bien, previsualizando la preweb en el programita que hay IETester, no me saca ni el logotipo ni la imagen de fondo desde IE10 hacia abajo (versión 9,8,7...) y no entiendo por qué.

Os pongo mi css a ver si veis algo que no esté correcto:

Código CSS:

body,html{
    background: rgb(255,255,255);
    background: url('img/map.png') no-repeat 50% 50%, -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 35%, rgba(196,193,186,1) 83%);
    background: url('img/map.png') no-repeat 50% 50%,-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(35%,rgba(255,255,255,1)), color-stop(83%,rgba(196,193,186,1)));
    background: url('img/map.png') no-repeat 50% 50%,-webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 35%,rgba(196,193,186,1) 83%);
    background: url('img/map.png') no-repeat 50% 50%,-o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 35%,rgba(196,193,186,1) 83%); 
    background: url('img/map.png') no-repeat 50% 50%,-ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 35%,rgba(196,193,186,1) 83%);
    background: url('img/map.png') no-repeat 50% 50%,radial-gradient(ellipse at center,  rgba(255,255,255,1) 35%,rgba(196,193,186,1) 83%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4c1ba',GradientType=1 );
    background-attachment: fixed;
    width:100%;
    height:100%;
    overflow: hidden;
    color:#FFF;
}
.logo{
    width:534px;
    height:112px;
    margin: 0 auto;
    margin-top: 10px;
    background: url('img/logo.png') no-repeat;
}
 

Código HTML:

<section class="contenido" id="informacion">            
            <article class="logo"></article>
            <article class="info">
                <article class="separa"></article>
                <article class="direccion">                    
                </article>
                <article class="desarrollo">
                    <p><strong>Web en construcci&oacute;n </strong></p>
                    <img src="img/desarrollo.png" /></a>                    
                </article>
                <article class="limpia"></article>
            </article>
        </section>