Background image problem.

I have a problem I can't seem to understand. I have 5 different computers in my house and I recently added a background picture to my website and it shows up smaller and bigger on each computer and is offset or not in the right place. What am i doing wrong here?

Provide us with that css styles your applied to your template

body {

font-family:Verdana,Arial;

font-size:11px;

color:#aeaeae;

background-color:#000;

background-image:url(../images/dolphintemplatecom/body_bg.png);

background-repeat: repeat;

background-attachment: fixed;

__________________________________

above I believe is the area where the code is having a problem. the .png is 1280x2000

Have you considered taking resolution and screen size into account?

Computers can have different screen resolutions so each different resolution will affect the background. You will not really completely resolve that.

So try fixing the image position.

Top Left Corner.

background-attachment: fixed;
background-repeat: no-repeat;
background-position: left top;

Centered.

background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;

Top Right corner.

background-attachment: fixed;
background-repeat: no-repeat;
background-position: right top;

I have set no-repeat in this example. As you should not repeat something that is not tileable