title: border-radius not working in modern native Android browser
body: <p>I have a page that uses border-radius. It doesn't show up rounded in the native Android browser; it shows up with square corners. It shows up rounded in desktop Chrome, IE, FF, etc fine, but not in the native phone browser. Does anyone know if this is a problem with the browser itself, some additional CSS extension that I'm not using, etc?</p>
  
  <p>Here's my CSS (in the demo):</p>
  
  <pre class="lang-css prettyprint-override"><code>.bigButton2
  {
      width: 320px; height: 200px; margin: auto;
      padding: 20px;
      background-color: #521c0b; color: #FFFFFF;
      border: 3px solid #e3b21e;
      border-radius: 30px;    
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
  }   
  </code></pre>
  
  <p>I've set up a JSFiddle: <a href="http://jsfiddle.net/VJvQA/" rel="nofollow noreferrer">http://jsfiddle.net/VJvQA/</a></p>
  
  <p>I have tried with padding, without padding, with box-sizing, without box-sizing, and it just shows up as sharp corners. Any help or insight would be appreciated.</p>
  
  <p>I realize that someone posted this already under (<a href="https://stackoverflow.com/questions/17944749/border-radius-style-doesnt-work-in-android-browser">border-radius style doesn&#39;t work in android browser</a>), but he didn't provide any code, JSFiddle, and it was incorrectly answered with a general question without any real answer; I'd downvote it if I could, but I assumed prodviding an actual well-written question would be better. Thanks!</p>