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.