¿Cómo hacer que box-orient box-pack box-align y display:box sean compatibles con IE?

[tofol]

Hola, estoy diseñando una web con todas estas características para no usar floats. Me funcionan bien en todos los navegadores excepto en Internet Explorer. No le daría importancia sino fuese porque en la penúltima versión de IE no funcionan.
¿Me pueden dar una solución a esto? Tengo activado el modernizr.js pero no funciona.

Gracias


Pongo de ejemplo el que tengo para el footer

Código:

.pieppal {
	margin-bottom: 0.0625em;
	width: 98%;
	font-family: 'ComfortaaThin';
	color: white;
    margin-top: 2px;
	-ms-border-radius: 0.5em;
	border-radius: 0.5em;

	box-shadow: 0 0 0.625em #000000;

	background: #cedce7;
	background-image: -moz-linear-gradient(top, hsla(206,34%,86%,1) 0, hsla(199,12%,40%,1) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0,hsla(206,34%,86%,1)), color-stop(100%,hsla(199,12%,40%,1)));
	background-image: -webkit-linear-gradient(top, hsla(206,34%,86%,1) 0,hsla(199,12%,40%,1) 100%);
	background-image: -o-linear-gradient(top, hsla(206,34%,86%,1) 0,hsla(199,12%,40%,1) 100%);
	background-image: -ms-linear-gradient(top, hsla(206,34%,86%,1) 0,hsla(199,12%,40%,1) 100%);
	background-image: linear-gradient(to bottom, hsla(206,34%,86%,1) 0,hsla(199,12%,40%,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );


	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;

    display: -moz-box;
    display: -webkit-box;
    display: -o-box;
    display: -ms-box;
    display: box;

    -moz-box-orient: horizontal;
    -webkit-box-orient: horizontal;
    -o-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;

	}
.pie1 {
	margin: 0 0 2.5em 1.5em;
	-moz-box-flex: 1;
    -o-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
	}
.pie2 {
	margin: 0 0 2.5em 1.5em;
	}
.pie3 {
	margin: 0 2.5em 2.5em 1.5em;
	}