cover div adding a margin

Question

i have a #cover div with the following css

#cover {
    background-color: #FFFFFF;
    height: 100%;
    opacity: 0.4;
    position: fi         


        

Answer 1

you fogot to set a position. just add:

top: 0;
left: 0;

since you havn't posted you complete markup, i can only assume your body has a margin or padding causing the shift you're seeing.

• fiddle demonstratig the problem
• fiddle with fix applied