title: Unwanted border in :before/:after pseudo-elements
body: <p>The code below works fine on desktop browsers. But when applied in an android webview, there seems to be an extra border. Any ideas on how I should deal with this? </p>
  
  <pre><code>.container{
            width: 100px;
            height: 50px;
            background-color: #fff;
            color: #000;
            padding: 5px;
            position: relative;
         }
  .container:before{
            content: "";
            border-left: 20px solid transparent;
            border-bottom: 50px solid #fff;
            position: absolute;
            left: -20px;
            top: 0;
         }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/RIkLY.jpg" alt="result when rendered in Android webview"></p>