title: Fixing Border Radius in Safari?
body: <p>I'm in a bit of a problem here. I can't seem to get the border-bottom-radius-left and right to work properly on Safari. I took screenshots of the border radius on 3 browsers (Chrome, Firefox, and Safari). Only Safari had the trouble.</p>
  
  <hr>
  
  <p><strong>Google Chrome</strong></p>
  
  <p><img src="https://i.stack.imgur.com/E4Cbl.png" alt="Chrome"></p>
  
  <hr>
  
  <p><strong>Firefox</strong></p>
  
  <p><img src="https://i.stack.imgur.com/urqW8.png" alt="Firefox"></p>
  
  <hr>
  
  <p><strong>Safari</strong></p>
  
  <p><img src="https://i.stack.imgur.com/pawpp.png" alt="Safari"></p>
  
  <hr>
  
  <p>From there, you can pretty much tell the problem. I used <code>border-bottom-left-radius: 120px;</code> and <code>border-bottom-right-radius: 20px;</code>. However, the two top radius properties seem to be working fine.</p>
  
  <p>I'm kinda stuck because I'm not sure how to fix this. By the way, I'm talking about Safari Version 5.1.2 (6534.52.7).</p>