View Full Version : Resolved Firefox Mac - Rounded corners no longer appear

08-07-2012, 12:05 AM
Hi, I noticed today that my sites in Firefox mac no longer display rounded corners or shadows. They work on Firefox windows.

From searching the web apparently Firefox no longer supports the "moz" prefix for styles, for example "-moz-border-radius" should just say "border-radius".

The problem is my style sheet already HAS that line of code. This bit of code doesn't work at all on Firefox mac... what am I doing wrong? Thanks for any help.

<title>Firefox Mac</title>
<style type="text/css">
#box {
width: 250px;
height: 250px;
background-color: gray;
margin-left: 250px;
margin-bottom: 5px;

-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: 3px 3px 3px lightgray;
-webkit-box-shadow: 3px 3px 3px lightgray;
-box-shadow: 3px 3px 3px lightgray;
<h2>Firefox Mac - Rounded corners and shadows not working</h2>
<div id="box"></div>

08-07-2012, 12:40 AM
It’s called border-radius not -border-radius. Same with box shadow.
Do you actually know what these -moz etc. rules mean?

08-07-2012, 12:50 AM
Thanks VIPStephan, sometimes having another pair of eyes is all it takes.

No I don't know why it stopped working, I know that I need to leave them in there for older versions of Firefox, and the border-radius for the modern version, but I was clearly blind to that little dash.