title: CSS border-radius Property Not Working
body: <p>I run my website on Tumblr. I just added the CSS Border-Radius property and set it to 20px for all images with a specific ID. However, as you can see, the corners on the right side of the image are not properly rounded, but the left side corners are.</p>
  
  <p>The CSS code looks like this:</p>
  
  <pre><code>#articleimage {
      float:left;
      padding-right: 10px;
      padding-bottom: 1px;
      width: 400px;
      border-radius:20px;
  }
  </code></pre>
  
  <p>I've determined that the issue is caused by the padding to the right, but I require that CSS property. How can I stop this conflict?</p>
  
  <p>View screenshot: <a href="http://i.stack.imgur.com/es0aa.png" rel="nofollow">http://i.stack.imgur.com/es0aa.png</a></p>