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

Rounded corners do not work in Firefox 13.0

more options

When trying to style css with the 'moz' rounded corner CSS it does not display correctly in Firefox 13.0 it shows it as a box rather than being rounded.

When trying to style css with the 'moz' rounded corner CSS it does not display correctly in Firefox 13.0 it shows it as a box rather than being rounded.

Chosen solution

I have tested it in firefox 12 and nightly. I have got perfect results. It shows rounded corners. could you send your code and please check you code once. it works fine without adding -moz- also.

Read this answer in context 👍 1

All Replies (11)

more options

Thank you!

more options

Firefox 15 doesn't exist yet!

more options

FB92, I don't know what planet you're on, but version 15 doesn't exist yet!

more options
more options

Version 15 is in the beta. From what I can guess, the rounded corners problem will not be fixed, and I will still stay at version 12 until it is fixed.

more options

Hi jjalarie, if it's your website, you need to update the CSS rules because the change is permanent. If it's not your website, and you want to see rounded borders return to the site, you could send the webmaster a link to this thread.

more options

I wrote the css exactly how it's supposed to be written on my site, and my homepage for my browser; that css will not change. Why do you think the change is permanent? Did you talk to someone from mozilla?? I can't seem to get a hold of them, because there is no live chat. If you have found a way, let me know okay?

more options

Hi jjalarie, here is a link to the article about border-radius and how after Firefox 12, you need to use border-radius instead of -moz-border-radius: https://developer.mozilla.org/en/CSS/border-radius.

If it's not working, could you post a link to your site so we can take a look?


To save some scrolling, the note about Firefox 13+ is in this section: https://developer.mozilla.org/en/CSS/border-radius#Gecko_notes "Support for the prefixed version (-moz-border-radius) was removed in Gecko 13.0 (Firefox 13.0 / Thunderbird 13.0) ."

Modified by jscher2000 - Support Volunteer

more options

I have both attributes, the -moz-border-radius and the border-radius in my stylesheets. I don't see what your problem is.

more options

You can try to reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.

  • Press and hold Shift and left-click the Reload button.
  • Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
  • Press "Cmd + Shift + R" (MAC)

Can you post a link for us the check?

more options

Surely this is an issue to do with the ordering of your prefixed attribute declarations and the final CSS3 specifition attribute, I use this order with the final CSS3 attribute last:

-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;

Never had any issue with this in any FF version and I'm debugging CSS code every day on every version of FF since V2

  1. 1
  2. 2