eu tenho um#cover div com o seguinte css

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

eu quero cobrir toda a página (visualizada) como

no entanto, quando eu rolar para baixo eu vejo isso

isso é porque ummargin de 8 é adicionado ao topo e à esquerda.

Eu tentei adicionarmargin:-8 -8 8 8; sem sucesso. porque??? e como posso consertar isso?

Violino DEMO.