CSS タイトル文字を画像に変換

あれっ？？
なんか？タイトル文字を画像に変換って
javascriptなんか使ってすっごく難しくしちゃったけど・・・・・

CSSだけでもできますよね・・・たぶん？？・・・もしかしたら？？

このブログをはじめたきっかけがjavascriptで
その実験サイトのつもりでした・・・・
ので、最初からjavascriptならできるって思い込んでいました・・・・

でも 、落ち着いて考えてみると・・・・・・・

Ｃ ＳＳだけでもできますよね！！？

/* ヘッダー部分の背景　※もしかしたらheight: **px;　で高さ指定も必要かも　*/
#header{
margin:0 auto;
width: 800px;
background-image:url(ヘッダー部分の背景画像のURL);
background-repeat : no-repeat;
}

/* タイトル文字　→　画像に　※もしかしたら　text-indent: -2000px;　も必要かも　*/

div#header h1 {
width:***px; /*　タイトル画像の横幅　*/

height:**px; /*　タイトル画像の縦　*/
background: url(タイトル画像のURL) ;

background-repeat : no-repeat;

}

/* 　*/
div#header h1 a {
display:block;
width:***px;/*　タイトル画像の横幅　*/
height:**px;/*　タイトル画像の縦　*/
text-indent: -2000px;
overflow: hidden;
}

M(_ _)m 　自分のはjavascriptをまた訂正しなおさないと試すことができません

どなたかチャレンジしていただけないでしょうか？

結果も教えていただけると助かります

あっ またやっちゃった

わかってはいるのですが・・・・

IE以外での確認を忘れていました・・・

タイトル部分概要の表示が・・・・・・・・

ＩＥではうまくいってるんですが

ＩＥはバカだから・・・・・

少しくらいＣＳＳがおかしくても気が付かずに？フツーに表示しちゃうんで・・・・

タイトルのロールオーバー

ようやく、タイトル画像もロールオーバーさせることができました

と、いって

タイトルなので・・・・・・

マウスがのったからといって・・・・・

換えるわけにもいきませんので

マウスがのると　　トップページへ戻ります　　って出るようにしました

・・・・・　だいぶカスタマイズされてきましたが

やはり、トップページの目次化・・・・

頭の中ではできそうな気がしているんですが・・・・・・・