этоскрипка дает ожидаемые результаты в реальных браузерах (я пробовал FF, GC, Safari), но неожиданно ломается в IE9, IE10 и IE11. Нет проблем с IE7 или IE8.

    Top
    Bottom

.root {
    background-color: red;
    position: absolute;
    height: auto;
    bottom: 0; top: 0; left: 0; right: 0;
    margin: 25px;
    border: 0;
    border-radius: 7px;
    overflow: hidden;
}

.footer {
    background-color: green;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
}

Если я удалюborder-radius или жеoverflow:hidden от родителя все отлично работает. Но какое отношение это имеет к ребенку с фиксированным положением? Предполагается, что он всегда располагается относительно области просмотра.

Это известная \ документированная ошибка? Что за этим стоит?