Background image showing up too high

Question

I have a background.png that for some reason when I insert in body as background-image shows up about 30px too high, and 20px to much to the right.

I set:

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

and that doesn't seem to effect it. Any help would be appreciated :D

Answer 1

You can specify the position for your background using CSS:

body {
    background: url(background.png) 20px 30px no-repeat;
}

This should re-position your background image to the location you want. The pixel values are the X and Y coordinates respectively.

You can see more on how to work with the background here:

http://www.w3schools.com/css/css_background.asp