ナビゲーションメニューの背景画像をマウスオーバーで変える

ナビゲーションからメニュー（分類）を選ぶ際、
最初は「薄い背景に黒文字」、
マウスオーバーで「濃い背景に白文字」、
マウスアウトで最初の「薄い背景に黒文字」
にしました


「Links」にマウスオーバー時。

今まではliに背景画像を指定していましたが、それをやめて、
リンク要素をブロック化して、
a及びa:hoverにそれぞれ薄い背景、濃い背景の画像を指定しました。

Chrome,　IEでスムーズに表示できました
iPad Safariでは、タップするとすぐにリンク先に飛ぶので背景画像は変わらないようです。