Background positioning: background image moves when browser window is resized

[James Stevenson]

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.in fo/contact.html

 
}
body {
    background-color: #666666;
    background-image: url(background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0px;
}
 
 

[RamananKalirajan]

Hi,
I looked into your website. The problem is like you have fixed the table height and width. But the body has floating property. Try to fix the height and width of the body and enable scrollbar if the resolution is changed. Its not the problem with the background property.

Thanks and Regards
Ramanan Kalirajan

[James Stevenson]

Hi Ramanan,

Thank you for your reply. Unfortunately, I am not sure how to do that. What line of code do I need to insert and where?

Thank you!