ブラウザウィンドウのサイズ変更時に背景画像を中央に維持

Question

したがって、SMFフォーラム用のレイアウトを作成しています。ブラウザウィンドウが十分広い場合、背景イメージは完全に中央に配置されます。しかし、ブラウザウィンドウの縮小を開始すると、背景イメージが左に移動し始めます。ここでは、バックグラウンドのために私の現在のCSSがある：あなたがより良い、それを可視化することができるように

body 
{ 
    background: #fefff1 url(../images/img/bg.gif) no-repeat; 
    background-position:top center; 
    margin: 0 auto; 
    color: #7C3C4A; 
    padding: 0px 5%; 
    font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif; 
} 

ここではフォーラムのスクリーンショットです：

http://i.imgur.com/49pRI.png

Answer 1

あなたのコードは、右についているようです。私がやった

だけの事は同じ背景に背景の位置を固めたそうのようなトップをアップ属性：

body { 
    background: #fefff1 url(../images/img/bg.gif) no-repeat top center; 
    margin: 0 auto; 
    color: #7C3C4A; 
    padding: 0px 5%; 
    font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif; 
} 

は、ここでのJFiddleだ - JFiddle Link

Answer 2

body 
{ 
    background-color: #fefff1; 
    background-image: url(../images/img/bg.gif); 
    background-position: center center; /* First value is from left and second is from top. You can use use number as well*/ 
    background-repeat:no-repeat; 
}​