Невидимый div поверх div не работает в IE8

Я пытаюсь создать невидимый div над плагином комментариев facebook, чтобы отключить функциональность плагина в представлении редактора. Этот невидимый div работает во всех браузерах, кроме IE8. Как я могу это исправить?

HTML:

   
   
    
(RENDER JS COMMENTS VIA KO)

Попробуйте в IE8:

http://jsfiddle.net/pkbz4/19/

• Приведенный выше код работает во ВСЕХ других основных браузерах. ВТФ майкрософт?

Таблица стилей:

    #container {
        width: 100%;
        height: 100%;
        position: relative;
    }

    #navi, 
    #coveriframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    #coveriframe {
        z-index: 10;
   }