カスタムメニューに設定した画像をマウスオーバーで切替え

カスタムメニューに設定した画像をマウスオーバーで切替えさせたいです。

メニューのラベル文字の代わりに画像タグを貼付けて、画像でメニューを表示できるようになりましたが、
マウスを載せた時の画像切り替えの方法がわかりません。

以前はcssで背景画像に設定して、文字はインデントで-9999pxなどにして、表示していましたが、
現在バージョンではインデントするとリンクエリアも飛ばされてしまうようです。

現在ではどのようにメニュー画像の切替えをするのが主流なのでしょうか？

良いプラグインがありましたらそれでもいいですが、
Resposive Menuなどのプラグインと共存できるものがありますでしょうか？
よろしくお願いします。