Q:

CSS body fixed background

I have this CSS:
body
{
    background-position: center top;
    background-color: rgb(237, 237, 237);
    font-size: .85em;
    font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
    margin: 0px auto;
    padding: 0;
    color: #696969;
    width: 1000px;
    height: 1200px;
    background-image: url('Background.png');
    background-repeat: no-repeat;
    background-attachment: inherit;    
    top: 0px;
}

When I maximize window it's all ok but when I make the window smaller, the background image moves.
This is how look in maximizedbrowser window
And this is after change window size

A:

Most answers you will get from people requires IE9+ (since it is CSS3). However, if you expect users be using older browsers as well (I am being practical and safe here), I think the way you need to do this is by using jQuery/JavaScript. I did something similar in the past in CSS3, but I realized later that most corporate/companies still use IE8 and the best way to do this is using JavaScript.
Here are a few examples:

http://buildinternet.com/project/supersized/slideshow/3.2/demo.html 
(this is a great example)
http://designshack.net/?p=13616
http://css-tricks.com/examples/FullPageBackgroundImage/jquery.php

