[resolved] Border Radius Not Working in Firefox (3 posts)

  1. edwardlw
    Posted 5 years ago #

    http://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.

  2. esmi
    Forum Moderator
    Posted 5 years ago #

    Where the actual border on #content img?

  3. edwardlw
    Posted 5 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic