ムーバブルタイプのテンプレート変更で困っています

質問

いつもお世話になります。
ムーバブルタイプ3.53でテンプレートをカスタマイズして使おうと思っています。
本などを見て背景色の変更などはできたのですが、
バナー部分に画像（720*206Ppx)を貼り付けようとしてできず困っています。
本に書いてあるようにスタイルシートを書き換えると、一部（上方）だけ表示し、あとの下方部分は真っ白の状態です。
スタイルシートの記述は以下です。
#banner
{
width: 720px; /* necessary for ie win */
height: 206px;
background:a3b8cc;
　background-image: url(head.gif) ; 　
background-position: left top;
background-repieat: no repeat;
}

#banner-inner
{
padding: 15px 13px;
border-width: 0px 0px 0 0px;
border-style: solid;
border-color: #999999;
}

何を治したらいいのでしょうか。教えてください。
よろしくお願いします。

回答No.1

CHI-512

こんにちは。

#banner {
width: 720px; /* necessary for ie win */
height: 206px;
background: #a3b8cc;
background-image: url(head.gif);
background-position: left top;
background-repeat: no-repeat;
}
でOKです。
非表示は、スペル間違い等が原因だと思います。

ちなみに、
background: #a3b8cc url(head.gif) no-repeat left top;
と短縮表示できます。

お礼

ご回答ありがとうございます。
やっているのですが、どうもうまくいかず。。。スペル間違いですか。。。
もう一度見直してみます。