title: :after, :before issues in internet explorer 11
body: <p>In my website design, I am using <code>:before</code> and <code>:after</code> pseudo elements. These are working good in Google chrome and firefox. But having trouble with internet explorer.</p>
  
  <p>The code I am using is</p>
  
  <pre class="lang-css prettyprint-override"><code>#nav ul li.active:after {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    content: "";
    border-top: 13px solid rgba(2,155,223,0.9);
    position: absolute;
    bottom: -13px;
    width: 0px;
    margin-left: -20px;
  }
  </code></pre>
  
  <p>and out puts are</p>
  
  <p>1.In google chrome</p>
  
  <p><img src="https://i.stack.imgur.com/keBgC.png" alt="Menu in google chrome"></p>
  
  <p>2.In internet explorer 11</p>
  
  <p><img src="https://i.stack.imgur.com/4JAa5.png" alt="Menu in internet explorer 11"></p>
  
  <p>is IE preventing this css? because all the styles with in ::before are shown as striked out in IE11.</p>
  
  <p>here is the <a href="http://webcommend.com/malayalam/arun/" rel="noreferrer">link to my website</a></p>