centring a background

Ok, so I always centre the content of my websites using a centered div, normally no problem, only now I wanted to centre a background and have it repeat only down. In a 1024x768 resolution everything looks fine (cause the layout and background are exactly the right size for that), but in bigger resolutions though the background jumps 1 pixel to the right, anything that I could be doing wrong?

This is the start of my header.inc file

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<HEAD>

<TITLE>Nickalicious</TITLE>

#centered
{
width:1004px;
margin:0 auto; /* to center the div */
text-align:justify; /* restore the body alignment */
position:relative; /* because of "relative/absolute" content inside the div */
}

body{
background:#f6f6f6;
background-image: url('bg.jpg');
background-repeat: repeat-y;
background-position: center;
spacing:0px;
margin-top:0px;
margin-bottom:0px;
}

</style>

centring a background

jasonwade

Xapti

jasonwade

swa66

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week