bodyから左右に15pxずつ背景画像をのばしたい

質問

cssの基本設定ですが、
背景色をひき、さらにbodyから左右に15pxずつ背景画像をのばしたい
という設定を試みていますがうまくいかずご教授いただけたらと思い書き込みさせていただきました。

背景色が
#9999cc　これを全面に表示し
背景画像を
width 800pxで作り下にリピート
そしてbodyが
width 770pxの
#ffffffの白色です。

そして
cssで記述して表示してみたところ
safaiではきちんと表示されるのですが、firefoxではbodyの幅までしか背景画像が表示されていません。
bodyから左右に15pxずつ背景画像をのばしたいのですが、どうやればよいでしょうか。

現在の状況ですが、
/* ここからcss ------------------------------------ */

*{
color: #333333;
font-size: 12px;
line-height: 20px;
text-decoration: none;
margin: 0;
padding: 0;
word-wrap:break-word;
}

html {
height: 100%;
margin: 0px;
padding: 0px;
background-color: #9999cc;
background-image:url(../img/bg.jpg);
background-position:center;
background-repeat:repeat-y;
}

body {
margin: 0px;
padding:0px;
color: #333;
text-align:center;
font-family:"メイリオ",Meiryo,"MS Pゴシック", Osaka, sans-serif;
}

本当に困っております。
誰かわかる方がいらっしゃればよろしくおねがいいたします。

回答No.1

metametamu · ベストアンサー

おそらく中央に770pxのコンテンツがあり、その左右に15pxのフレームというか区切りがあればいいのですよね？
800pxの画像の上に白い部分を重ねるのではなく、画像自体に中央の白い部分まで一緒に含めて作成しておけば今の指定のままでもいけますよ。

お礼

できました！！！！！
本当に感謝しています。
これからもcssがんばって勉強していきたいと思います。
ありがとうございます！！！！！