text-indent: -9999px; を使って画像置換を行う方法 サンプルページ

overflow: hidden;を設定しない場合です。
クリックすると下線が左端まで表示されます。

overflow: hidden;を設定した場合です。
クリックしても下線は画像のサイズ分しか表示されません。