タイトルの背景画像を変えたい。プレビューでは変更されているが、保存後実際に見ると変わっていません。

デザインは青空（修正版）の3カラムです。
下の
#banner{
の
background:url(
を、自分でアップロードした画像のアドレスに変える。→プレビューを見ると、変更されています。
画像サイズも合わせて、850×170に作りました。
しかし、CSSを保存し再構築後、自分のブログを見てみると、背景画像が反映されず白抜け状態(画像が何もない)です。
jpgとかgifの問題ではないですよね？
(どちらでもダメでしたが＞＜)
試しに他のスタイルシートでいくつか試しましたが同じでした。

どうしたら変えられるか、教えていただけますでしょうか。ほぼ初心者ですがどうぞよろしくお願いします。


@charset "UTF-8";

/*
-----------------------------------------------------
FileName: 青空
-----------------------------------------------------
*/
body{
margin:0;
padding:0;
font-size:12px;
color:#808080;
font-family:arial ,sans-serif;
background:url(http://livedoor.blogimg.jp/pato_azul/imgs/5/a/5aeb54dc.gif);
text-align:center;
}
h1,h2,h3{margin:0;padding:0;}
a{color:#5F9EA0;}
a:link{}
a:visited{}
a:active{}
a:hover{text-decoration:none;}

#header{
background:#ffffff;
height:31px;
}
#header td{
color:#696969;
font-size:12px;
text-align:right;
padding-right:10px;
}
#header a{color:#666633;}

#container{
width:850px;
margin:0 auto;
background:#ffffff;
text-align:center;
word-break:break-all;
}

#banner{
width:850px;
height:170px;
text-align:right;
margin:0 auto;
background:url(http://livedoor.blogimg.jp/pato_azul/imgs/a/4/a4cccc8f.gif) no-repeat;
}
#subbanner{}
.blogtitle{
color:#ffffff;
font-size:28px;
padding:90px 35px 0 0px;
}
.blogtitle a{color:#ffffff;text-decoration:none;}
.blogtitle a:hover{text-decoration:underline;}
.description{
color:#ffffff;
font-weight:bold;
padding:5px 30px 0 0px;
line-height:135%;
}
#blogcontainer{
margin:0 auto;
width:846px;
padding-top:35px;
}
#wrapper{
float:left;
width:630px;
　　　　　　　　　padding-left:8px

・画像がアップロードできていない
・画像URLが間違えている
・反映が遅いだけで実は成功している(再読み込みなどしてみる)