pokrywa div dodając margines

mam#cover div z następującym css

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

Chcę, aby pokrywała całą stronę (przeglądaną) w ten sposób

jednak kiedy przewijam w dół, widzę to

to dlatego, że amargin 8 jest dodawane na górze i po lewej stronie.

Próbowałem dodaćmargin:-8 -8 8 8; bez powodzenia. czemu??? i jak mogę to naprawić?

Skrzypce DEMO.

questionAnswers(2)

yourAnswerToTheQuestion