<p>These validation warnings don't matter in practice since the non-hacky portion of our CSS does fully validate and the hacky portions don't interfere with the proper functioning of the non-hacky portion, hence why we deliberately ignore these particular warnings.</p>
</section>
- <section class="need-ie7">
+ <section id="ie8-font-face">
+ <h2 class="page-header">Internet Explorer 8 and @font-face</h2>
+ <p>
+ IE8 has some issues with <code>@font-face</code> when combined with <code>:before</code>.
+ Font Awesome uses that combination. If a page is cached, and loaded without the mouse over the window
+ (i.e. hit the refresh button or load something in an iframe) then the page gets rendered before the font loads.
+ Hovering over the page (body) will show some of the icons and hovering over the remaining icons will show those as well.
+ <a href="https://github.com/FortAwesome/Font-Awesome/issues/954">See issue #954</a> for details.
+ </p>
+ </section>
+
+ <section id="need-ie7">
<h2 class="page-header">Need IE7 Support?</h2>
<p>
If you need IE7 support, you have my condolences. Really. Font Awesome {{ site.fontawesome.version }}