title: 2 divs have about 1px gap in IE 11
body: <p>IE 10 and 11 hasn't disappointed me so much when it comes to css until today . .</p>
  
  <p>The class <code>base</code> and <code>triangle</code> has about 1px gap in between in IE 9 - 11. The other 4 browsers are not showing the gap.</p>
  
  <pre><code>.base {
      display: inline-block;
      position: absolute;
      bottom: 5px;
      right: -8px;
      background-color: #ffcc00;
      color: #5A5A5A;
      font-size: 12px;
      font-weight: bold;
      padding: 2px 5px;
      text-decoration: none;
      margin:0;
  }
  .triangle {
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 10px 0 0 11px;
      border-color: transparent transparent transparent #DBB004;
      display: inline-block;
      position: absolute;
      bottom: 24px;
      right: -8px;
      margin:0;
      z-index: -1;
  }
  </code></pre>
  
  <p>Here's a <a href="http://jsfiddle.net/WrVYd/7/" rel="noreferrer"><strong>FIDDLE</strong></a></p>