title: border-radius not working in Chrome? Any workaround?
body: <p>I have set <code>border-radius</code> (and <code>-moz-border-radius</code> for the older browsers) to 20px, and I have it working beautifully in Safari and Firefox. Then, I open up Chrome and it's refusing to accept the defined <code>border-radius</code>. Any suggestions to work around this in Chrome?</p>
  
  <p><strong>See the CSS coding in action here:</strong> <a href="http://jsfiddle.net/MAYea/" rel="nofollow noreferrer">http://jsfiddle.net/MAYea/</a></p>
  
  <p><strong>Screenshot in Safari:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/2QdfV.png" alt="Safari"></p>
  
  <p><strong>Screenshot in Chrome:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/0GsSa.png" alt="Chrome"></p>