calc ne fonctionne pas ie 11

Après des recherches j'ai confirmé que calc doit travailler pour ie8+, mais il ne fonctionne pas pour moi.

Ici est un JS fiddle j'ai fait:

http://jsfiddle.net/75tzyLoo/

voici le code:
HTML:

<div id="outer">
    <div id="inner">

    </div>
</div>

CSS:

#outer{
    width:400px;
    background-color:black;
    height:200px;
}
#inner{
    width:calc(80%-100px);
    width:expression(80%-100px);
    background-color:red;
    height:100%;

}

et voici le résultat que je vois: calc ne fonctionne pas ie 11

Ce que je fais mal?

stackoverflow.com/questions/16034397/css-calc-alternative dit d'utiliser width: expression(100% - 500px);
calc() n'est pas IE8+, mais IE9+. Réf: caniuse et Quirksmode
J'ai aussi découvert que z-index: calc(100 + 1); et même z-index: calc(101); sont cassés dans IE11.

OriginalL'auteur Ahmed-Anas | 2014-08-11