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

Answer 2

simple thing to fix.

Add that to your CSS

* /*Remove all the default margin and padding*/
{
    margin: 0;
    padding: 0;
}
html, body /*so it'll work when you specify 100% height on element*/
{
    height: 100%;
}

BTW: use units(px/%) for margin/padding other then 0.

and Here's a Fiddle

also, You don't even need the fixed position for that.. check out that fiddle