cssでロールオーバー、active時に画像を変える方法css sprite

昨日中に終わらせたかったヘッダー部分のコーディング、できないことがたくさんあってやっと今日終わった。
http://www.designwalker.com/2008/02/css-sprite.html
css spriteは、アップル、Yahoo!、Googleなどのたくさんのサイトが使ってる技術。例えば、

こんな感じの画像を一枚用意するだけで、普段、マウスを上に持ってきたとき、まさにクリックの最中、訪問中のページでの画像を入れ替えられる。ポイントとしては、読み込む画像が一枚で済むので、動作が早くなるということ。

便利だ！