固定ページのメニューを画像化したい。

kzさん

ご返信本当にありがとうございます。
kzさんからアドバイスを頂いた、

<?php
add_filter( 'the_title', 'my_nav_title', 10, 2 );
// $title メニューのタイトル
// $id メニューの ID
// タイトルか id を元に img タグを生成しましょう。
function my_nav_title( $title, $id ) {
  // the_title フィルタは他でも呼ばれまくるので
　// メニューの場合だけ画像にするように取り計らいます。
  switch ( $id ) { // ここでは id を元にメニューか否かを判断します。
    case 12:
    case 13:
    case 14:
      // 例）画像が「テーマフォルダ/images/nav-メニューID.jpg」な場合。
      return '<img src="'
        . get_bloginfo('stylesheet_directory')
        . '/images/nav-'
        . $id
        . '.jpg" />';
  }
  // メニューじゃない場合はタイトルそのまま。
  return $title;
}
?>

は、「imgタグの場合」は上記を追記とありますが、
imgタグの場合とは具体的にどのようなケースを指すのでしょうか。
本当に素人ですいません。とても大事なところだと思うので
是非教えてください。

よろしくお願いいたします。

shokun0803さん、kzさん

すいません。解決したと思っていたんですが。。。
hover時に画像が切り替わるように追記してみました。
FireFoxでは通常時もhover時も画像の切り替えも問題なく見えるのですが、
IE(ver7）で見ると、hoverしていない通常時は画像がちゃんと見えていて、
hoverすると画像が見えなくなってしまいます。
なぜなんでしょうか。。。。是非御教授ください。

下記が私の書いた記述です。

#menu-item-46 {
background:url(../../images/global-menu01.jpg) no-repeat;
display:block;
float:left; height:50px;
background-position:-600px 0px;
text-indent:-9999px;
}

#menu-item-46 :hover{
background:url(../../images/global-menu01.jpg) no-repeat;
display:block;
float:left; height:50px;
background-position:-600px -50px;
text-indent:-9999px;
}