IE8: CSS properties -webkit-border and background

[Michał]

I recently encountered quite tricky issue. I use an image as a background
(background: url('images/bg.gif') no-repeat bottom right black;) and it works
fine until I try to round bottom corners with
-webkit-border-bottom-left-radius: 5px; and
-webkit-border-bottom-right-radius: 5px; -- because then the image just moves
to top left (not bottom right as it was supposed to).
Suprisingly the image is on the right place when I round top corners or
every corner o.O The problem occurs only when bottom corners are rounded
exclusively.

[rob^_^]

http://blogs.msdn.com/ie/archive/2010/03/25/filing-a-great-bug.aspx

Post by Michał
I recently encountered quite tricky issue. I use an image as a background
(background: url('images/bg.gif') no-repeat bottom right black;) and it works
fine until I try to round bottom corners with
-webkit-border-bottom-left-radius: 5px; and
-webkit-border-bottom-right-radius: 5px; -- because then the image just moves
to top left (not bottom right as it was supposed to).
Suprisingly the image is on the right place when I round top corners or
every corner o.O The problem occurs only when bottom corners are rounded
exclusively.