IE9 top-margin & spacing issue

[nkespi]

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

[Scribbles & Bits](http://scribbles-bits.com “Scribbles & Bits”)

” title=”” rel=”home”>Scribbles & Bits

#logo
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.

Thanks!

[DustinWoods]

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.

[Author]

Posts