• Resolved edwardlw

    (@edwardlw)


    https://chocolateandcarrots.com/blog for reference.

    I have added the code:

    #content img {
    	margin: 0;
    	max-width: 640px;
    	-moz-border-radius: 10px;
    	-webkit-border-radius: 10px;
    }

    For some reason, the rounded borders render fine in Chrome, but not in Firefox. I also have the following code for the wrapper and the border renders fine in Firefox:

    #wrapper {
    	margin-top: 20px;
    	background-color: #fff;
    	padding: 0 20px;
    	-webkit-border-radius: 20px;
    	-moz-border-radius: 20px;
    }

    Any help? I’m at a loss.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Where the actual border on #content img?

    Thread Starter edwardlw

    (@edwardlw)

    Yes. I figured it out: Firefox 3 does not support some of the newer CSS3 properties. Works fine in Firefox 4 beta.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Border Radius Not Working in Firefox’ is closed to new replies.