CODEWITHSUNDEEP
htmlcssfirefoxcross-browser
jacktheripper
jacktheripper

Reputation: 14219

Border and dimensions not working in Firefox

I have been searching to a resolution to this for hours, but I still cannot find one! My new personal site works perfectly in webkit browsers, but the formatting mucks up in firefox. Firstly, the pictures have borders, and secondly, there are only two per row when there are meant to be three. The CSS I am using for the content is below:

.imagewrapper {
    display: inline-table;
    margin: 20px;
    margin-bottom: 10px;
}
.imagedisplay {
    height: 122px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
.imagedisplay:hover {
    height: 122px;
    opacity:0.4;
    border-o
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

Any help would be much appreciated. Thanks in advance

Upvotes: 0

Views: 253

Answers (1)

Rob W
Rob W

Reputation: 348992

The line before the -moz-border-radius is invalid and not closed. It continues to the next line, since there's no semicolon, and eats anything before the next semicolon.

border-o                     /* <--- Here lies the problem. Remove it. */
-moz-border-radius: 7px;

Upvotes: 3

Related Questions