IE7 Line Height Issue?

I have a link containing a span which should read something like 'link +', this displays correctly in all browsers except ie7:

Solution 1:

You can try and display every element as a block:

<a style="display: block; width:200px;" href="">
    <span style="float: left; display: block;">Open a ticket</span>
    <span style="float: right; display: block;">+</span>
</a>

Of course, this will not be acceptable if you need that link to be inline.

Solution 2:

Placing the span before any other element seemed to do the trick. http://jsfiddle.net/nGJ5b/1/

Share

You may like these posts

• 
  How Can [if Ie 6] Can Be Taken By Ie7?
• 
  Ie7 Ignores Css Attribute Selector Only On Pages Coming From Production Server
• 
  Image Is Not Clickable Inside Anchor Only In Ie7
• 
  How Can One Make A Container's Child Divs Match The Width Of The Largest Child In Ie7?