Font Awesome z-index issues
<p>On a web project I'm working on I have a fixed navbar at the top of the page and the content underneath has Font Awesome icons sprinkled around.</p>

<p>Initially, I was using a CDN link to FA and everything was rendering fine.
When I tried using a local version retrieved through Bower, the icons were being rendered above the navbar while all other content was being rendered properly below.</p>

<p>The z-index on the icons are set to auto for both CDN and local versions (Font Awesome version 4.6.0).
I have tried modifying the icon z-index values manually to no avail.
The issue appears on both Firefox and Chrome.</p>

<p>Has anyone experienced this problem before?</p>