ヘッダー画像転換

ロールオーバーですが、ご存知とは思いますが”スキンCSS編集”にて行ないます。
その中の”ヘッダー”という箇所を探して編集するのですが、
私のブログの場合はこんな感じです・・・

#header {
background-image: url(http://stat.ameba.jp/user_images/20090516/13/lord-jack/d7/ef/j/ホニャララ.jpg);
}

#header:hover {
background-image: url(http://stat.ameba.jp/user_images/20090516/14/lord-jack/0c/40/j/チョメチョメ.jpg);
}

#header:hover { がロールオーバー後の画像です。これはどこにもないので書き足すことになります。
”:hover”と画像URL以外は同じことがかいてあります。

それぞれのhttp～の部分を保存した画像のurlに変更して保存です。

ちなみに、ブラウザのバージョンによっては画像転換しないそうです・・・

あと、大きい画像のまま送ってしまったのですが、20%縮小で以前の画像と
同じ大きさになる縦横比になっています・・・(｡-人-｡)

何か不明な点があれば遠慮なく仰ってくださいね！(*＾ー＾)ノ