文字とリンク線の間隔について

質問

「Night Menu」という文字にリンクをはりました。文字の下にはリンクを示すラインが引かれます。
このラインと文字との間隔について質問があります。

ＩＥ６、ＩＥ８、ＩＥ９と、「ｇ」の文字の下にラインが少しかぶる感じなのですが、ＩＥ７だけがしっかりすき間ができています。

borderで代用するのではなく、ＩＥ７の見た目のように、「ｇ」や「ｙ」などの場合、文字にのることなくリンクの線を表示させる方法はありますか。

回答No.1

ORUKA1951 · ベストアンサー

IE7の有名なバグです。
そのa要素が書かれている親要素またはa要素で、font-familyを指定してみてください。
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",'arial',sans-serif;
とか・・
★Old Blog - Watercolor City | IE7限定のUnderlineに関するバグ ( http://www.watercolor-city.net/oldblog/blog/log/eid679.html )
★ADP: IE6/IE7のunderlineバグ ( http://adp.daa.jp/archives/000783.html )

お礼

すぐのご回答ありがとうございました。IE7のバグだったんですか。知りませんでした。
参考URLもありがとうございます。なんだかいろいろ条件がありそうで私には複雑です。私が表示させたかったのはIE7の表示（バグでの表示）でしたので、さすがそれはちょっと・・・・ですね。
バグと知ってあきらめがつきました。本当にありがとうございました。試行錯誤で無駄な時間を費やすところでした。