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!

P.S. – If you want to learn how to create a more profitable web shop check out Freakishly Profitable. It's the best way to make a "monster" adjustment to your web studio's bottom line.

February 27, 2009

Design, Tutorials


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

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

  3. thank you!

Behold our Amazing Portfolio

Check it Out