IE7 Bottom Border Bug on Text Links

by Jonathan Longnecker

text underlineI just found a simple solution to a bug in IE7 and wanted to share it. I hadn’t run into this problem before, but apparently IE7 doesn’t usually show a bottom-border attribute on text links. No reason, it just doesn’t feel like it. Insert rant about Internet Explorer here if you wish, but I’m just here to provide solutions, baby.

So the answer comes from Xaxio at Qrystal Illusions:

display: inline-block; 
vertical-align: bottom;

And that’s all there is to it. Simple things make me happy. Enjoy!

February 26, 2009

Design, Tutorials

Comments

  1. 1

    Amy - Sep 16, 2009

    THANK YOU!!!! This was driving me crazy. I appreciate you posting this solution.

  2. 2

    Dan - Jan 12, 2010

    Very nice - thanks for the the solution to a frustrating problem!

  3. 3

    Leo - Jan 22, 2010

    thank you!

Behold our Amazing Portfolio

Check it Out