WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. edwardlw
    Member
    Posted 3 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 3 years ago #

    Where the actual border on #content img?

  3. edwardlw
    Member
    Posted 3 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