Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

border-radius CSS property not working properly

surphury
surphury

Today when I tested a web page that I'm working on in Firefox I noticed that the ellipse wasn't rendering as I expected... In other browsers I was working correctly...

The ellipse isn't rendered... It's doesn't matter how large is the number except when I set overflow: hidden;

I tested this in another computer and the issue keeps going...

Thanks in advance and have a nice day...

Today when I tested a web page that I'm working on in Firefox I noticed that the ellipse wasn't rendering as I expected... In other browsers I was working correctly... The ellipse isn't rendered... It's doesn't matter how large is the number except when I set overflow: hidden; I tested this in another computer and the issue keeps going... Thanks in advance and have a nice day...
Attached screenshots

Modified by surphury

Chosen solution

In a quick review of https://developer.mozilla.org/docs/Web/CSS/border-radius I didn't see any mention about the overflow property.

You can file a bug here: https://bugzilla.mozilla.org/

Read this answer in context 👍 1

All Replies (1)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer

Chosen Solution

In a quick review of https://developer.mozilla.org/docs/Web/CSS/border-radius I didn't see any mention about the overflow property.

You can file a bug here: https://bugzilla.mozilla.org/