html - CSS border-radius Property Not Working -

this question has answer here:

• border-radius , padding not playing nice 3 answers

i run website on tumblr. added css border-radius property , set 20px images specific id. however, can see, corners on right side of image not rounded, left side corners are.

the css code looks this:

#articleimage {     float:left;     padding-right: 10px;     padding-bottom: 1px;     width: 400px;     border-radius:20px; } 

i've determined issue caused padding right, require css property. how can stop conflict?

view screenshot: http://i.stack.imgur.com/es0aa.png

try changing padding margin:

#articleimage {     float:left;     margin-right: 10px;     margin-bottom: 1px;     width: 400px;     border-radius:20px; }