css - Border-radius bleeding

Question

I want to give border-radius to a <nav> in which all the <a> have an image has background, but the image keeps going outside the border-radius. Why is that?

Answer 1

To fix this in all browsers you should use:

-moz-background-clip: padding; 
-webkit-background-clip: padding-box;
background-clip: padding-box;

I found the answer here