For my Star Trek skin, I'm using -moz-rounded-border a lot to get rounded buttons etc. If I use background-color, that property also rounds the background so that the colored area is rounded also if I have "border: none" set on the element. If I use background-image instead of background-color, the element loses its rounded border and gets a rectangle. Shouldn't stay the element rounded even in this case?

Can you attach a simple test case. (Although this is more likely a Layout question; by the way, you mean -moz-border-radius, right? There is no -moz-rounded-border CSS propery).

er, sorry, it's -moz-border-radius naturally... I'll work out a testcase within the next days.

->future, unless this should be reassigned now.

The simple testcase I just attached consists only of two <box>es (with a <spring in between them to see the bug better). The first box uses background-color:#CCCCDD; -moz-border-radius:20px; border:1px solid black; As it should, it shows no background color outside the black border. The second one adds background-image:url(bg.png); to that properties. No matter if there really is a bg.png, the background color flows out of the black border. This is either inconsistent behavior or simply a bug, as you see...

Thanks. This can also be shown with an HTML test case. As it turns out, this bug is already filed, but not all aspects of border radius are currently supported (heck, it's not even defined in CSS2 is it?). *** This bug has been marked as a duplicate of 24998 ***

verified dupe.