title: CSS behaving differently in IE and Chrome
body: <p>I'm trying to create a small navigation menu, however IE seems to render it differently, completely messing it up.</p>
  
  <p>Here's what html/css I'm using (jsfiddle renders it correctly, as does <code>chrome</code>):</p>
  
  <p><a href="http://jsfiddle.net/Seytonic/gmp975sm" rel="nofollow noreferrer">http://jsfiddle.net/Seytonic/gmp975sm</a></p>
  
  <p>However IE renders it like this (I omitted the bootstrap in the jsfiddle):</p>
  
  <p><a href="https://i.stack.imgur.com/DA0ck.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DA0ck.png" alt=""></a></p>
  
  <p>EDIT: I'm using IE 11</p>