Question

For some reason my header is not perfectly aligned. I set a width of 100% but there’s a few pixels gap (top and left – see picture). How can I fix this? Tks

#header {
position:absolute; 
top:0px; 
left:0px; 
width: 100%;
height:50px;
background: #FFF; /* Fallback background color for non supported browsers */         
background-image: -moz-linear-gradient(top, #fff, #f3F3F3); /* Firefox 3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F3F3F3),color-stop(1, #fff)); /* Safari & Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff', endColorstr='#F3F3F3'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff', endColorstr='#F3F3F3')"; /* IE8 */
} 

Answer 1

Try :

html, body
{
margin:0;   
padding:0;   
}

There’s a default margin or padding to html or body tags. This should clear it off.