CSS でヘッダーに画像を表示

このブログのヘッダーに画像を表示。色がイマイチ合っていない。気が向いたら作り直そうかな。
Internet Explorer7では文字が上手く表示されないけど、ほとんど使っていないからいいや（ぉぃ）。FireFox、Opera、Google Chrome、Safari で確認。
参考サイト：

小粋空間: CSS でヘッダーに画像を表示する for Movable Type 4

２．配布テンプレートに画像を表示する
ブログ管理画面の「デザイン」→「テンプレート」の「スタイルシート」インデックステンプレートを開き、テンプレート編集画面で、下記の青色部分を追加します。背景画像はお好きなものを予めブログディレクトリ（index.html や styles-site.css と同じディレクトリ）にアップロードしておき、赤色の部分にアップロードしたファイル名を記述してください。

背景画像の作り方：
Jw_cadで図面を開き、図面の背景色を深緑っぽく変更。図面全体を「表示のみ」にして線をグレー表示。キャプチャソフトで背景画像にしたい部分を切り抜き（大きさ適当）png保存し、サーバーにアップした。
追記：
gifやjpg、840×80pxにしてみたがInternet Explorerでの文字表示原因分からず。今のところ850×100pxのgifにしている。