В IE 11 творятся странные вещи

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
 
.container {
    display: -webkit-flex;
     -webkit-flex-flow: column nowrap; 
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    border: 1px dashed #fc0;
}
 
.A {
    -webkit-flex: 0 1 auto;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid red;
}
 
.B {
    width: 100%;
    height: 100%;
    border: 1px solid blue;
    box-sizing: border-box;
}
 
 
.C {
    border: 1px solid green;
    box-sizing: border-box;
    position: relative;
    -webkit-flex: 1 0 auto;
}
 
 
.D {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    .table_td:first-child {
      border-left: 1px solid $tableGridColor;
      position: relative;
 
      &:before {
        content: '';
        position: absolute;
        left: -26px;
        top: 0;
        width: 26px;
        height: calc(100% + 1px);
        background-color: $tableBackgroundColor;
      }
    }