у меня есть#cover div со следующим CSS

#cover {
    background-color: #FFFFFF;
    height: 100%;
    opacity: 0.4;
    position: fixed;
    width: 100%;
    z-index: 9000;
}

я хочу, чтобы он покрывал всю (просматриваемую) страницу примерно так

Однако, когда я прокручиваю вниз, я вижу это

это потому, чтоmargin из 8 добавляется сверху и слева.

я пытался добавитьmargin:-8 -8 8 8; без успеха. Почему??? и как я могу это исправить?

ДЕМО скрипка.