Get a free trial // Grow your CSS skills // Land your dream job

IE9 top-margin & spacing issue

  • # December 29, 2012 at 7:12 pm

    Can someone please help me figure out why IE9 seems to ignore the top-margin of my logo at the below link?

    [Scribbles & Bits]( “Scribbles & Bits”)

    width: 120px;
    float: left;
    padding: 0 0 0 40px;
    margin: 20px 0 10px 0;

    There is also an increased amount of space in between the first and second lines of the link that only appears in IE9 that I think may have something to do with the span.

    Any ideas on how to fix this would be much appreciated.


    # December 29, 2012 at 8:46 pm

    It looks like the “Typekit” font you’re has a bug with IE 9. I’d recommend using @font-face instead. If you can’t use a different font, you could use an IE 9 conditional comment to insert a style that gives it some extra margin on top, and less line height.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed