title: IE7 IE8 Misinterpreting EMs in layout?
body: <p>The website is <a href="http://www.holmecourt.com" rel="nofollow noreferrer">www.holmecourt.com</a>, and it renders exactly as I intend it to in Safari and IE9, this screenshot is viewed directly in Safari, which looks exactly the same in Adobe Browserlab for IE9: <a href="http://holmecourt.com/images/scrn1.png" rel="nofollow noreferrer">http://holmecourt.com/images/scrn1.png</a></p>
  <p>However, the problem is that Browserlab shows IE8 as following, with IE7 pretty similar: <a href="http://holmecourt.com/images/scrn2.png" rel="nofollow noreferrer">http://holmecourt.com/images/scrn2.png</a></p>
  <p>Ie7/8 previously displayed well when I was using pixels everywhere, but since changing everything to ems, IE7/8 seem not to like it.</p>
  <p>I have searched for IE bugs with em, but could not find any, I was wondering if there are known bugs in how IE7/8 renders ems in layout?</p>
  <p>Otherwise is there anything that a more experienced developer might notice in just comparing the screenshots, I thought it might be relevant that as well as the layout breaking, the text is not sized correctly, so perhaps its a problem with font-size being inherited?</p>