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.