ie10 - border-box и height: 100%

[jangot]

Здравствуйте.

У меня есть задача:

Есть два блока, один наверху (высотой 35px) второй в низу, нижней должен занимать всю свободную область и при необходимости иметь полосу прокрутки.

Я написал CSS

.top {
position: fixed;
height: 35px;
top: 0;
left: 0;
}
.bottom {
height: 100%;
padding: 35px 0 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.bottomContent {
    height: 100%;
    overfow: auto;
}

Везде работает кроме IE.

IE делает блоку .bottomContent высоту такую же как и у .bottom

У меня правда только IE10 на виртуалке стоит, но я думаю в остальных та же проблема.

Подскажите пожалуйста решение, нужно срочно.

Если нужно html выглядит так

<div class="top"></div>
<div class="bottom">
    <div class="bottomContent"></div>
</div>

Edited August 13, 2013 by jangot