Простой javascript не работает ни в одном IE?

Я создаю небольшой незначительный эффект параллакса с этим кодом. Все работает отлично везде, кроме IE.Я использую IE 9.

Jsfiddle-javascript

Jsfiddle-jquery

<div id="head"> i </div>
<div id="subHead"> can </div>
<div id="content">  haz </div>

Javascript

window.onscroll = function(ev){
  var subHead = document.getElementById('subHead'),
      topHeight = document.getElementById('head').offsetHeight;

  subHead.style.top = (topHeight - document.body.scrollTop / 4) + 'px';
};    

CSS

#head, #subHead{
    position: fixed;           
    height: 80px;    
    width: 100%;
    display: block;
    background: #c00;
    left: 0;
    top: 0;
    z-index: 10;
}

#subHead{
    z-index: 4;
    background: #cd0; 
    top: 80px;
}

#content{
    position: relative;
    z-index: 6;
    height: 1000px;
    background: #eee;
    margin-top: 160px;
}

Я попытался использовать некоторые кросс-браузерные трюки, но тщетно... Есть ли способ заставить его работать в IE? Большое спасибо.

Edit:

Цель: сделать 1 div перемещение медленнее, чем другое, когда пользователь прокручивается.

Логика: сделайте div фиксированным с помощью css и измените его положение через javascript http://jsfiddle.net/MRbWY/11/

Ошибка в IE. javascript doesnt work.hence div остается только фиксированным.