Can you define a CSS dimension in a percentage relative to an element other than its parent? Specifically, I want the border-radius of a div to be 10% of its width. However, using border-radius: 10%
creates an elliptical border when the height and width of the div are different. Is there a way to set all border radii to be equal to 5% of the div's width?