title: Make bootstrap carets appear in IE8
body: <p>I checked our site in IE8 now and realized that carets no longer show up for some reason. I copy and pasted the example below from the official bootstrap documentation, but looking at it in IE8 the caret won't appear. If some recent update broke carets in IE8, is there any way to get them back? </p>
  
  <p>Here are <a href="http://www.browserstack.com/screenshots/40d8e690eb74383adaa28a951cbba4817b804b3c" rel="nofollow">screenshots</a> from this <a href="http://jsfiddle.net/DTcHh/5998/" rel="nofollow">JSFiddle</a> of the problem in IE8-IE10 (carets only missing in IE8).</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;div class="btn-group"&gt;
    &lt;button class="btn btn-primary dropdown-toggle" data-toggle="dropdown"&gt;
      Button &lt;span class="caret"&gt;&lt;/span&gt;
    &lt;/button&gt;
    &lt;ul class="dropdown-menu"&gt;
        &lt;li&gt;&lt;a href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>