Question

This is my css for the background, but the thing is that there is still a 4px gap from all edges in the background. Whats wrong?

#header-color {
    background:transparent;
    background: #cccccc; /* old browsers */
background: -moz-linear-gradient(top, #cccccc 24%, #eeeeee 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#cccccc), color-stop(100%,#eeeeee)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* ie */
    background-repeat:repeat;
    background-position:top;
}

Answer 1

What kind of element is header-color? You might need to add:

padding: 0;
margin: 0;

If your header is at the top of the page, you might need to remove the margin and padding of the body, like this:

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