The website I am working on looks fine so long as the browser window is as wide or wider than the width of the background image. But as soon as I re-size the browser window down to the point where it becomes narrower than the background image, the latter moves to the left and eventually out of the screen, while the rest of the tables and images remain lined up and stop moving once the left-hand edge reaches the edge of the screen.
The aforementioned background image is set to center (see code below).
How do I prevent the background image from moving out of alignment?
Site:
http://www.tomsunic.info/contact.html
-
-
}
-
body {
-
background-color: #666666;
-
background-image: url(background.jpg);
-
background-position: center;
-
background-repeat: no-repeat;
-
margin-top: 0px;
-
}
-
-