Site Displays in Chrome and Safari, but not Firefox

[pennywhistle]

Hi,

I can't figure out why the site I just uploaded looks good in Safari and Chrome, but not in Firefox. I've tried verifying the code and W3C CSS Validator, but don't see anything there that's causing the problem. It's like the style sheet is being ignored. Here's the site: http://www.susanchi.com/.

Thanks!

[trolly]

Output from Web Console:

Code: Select all

Selector expected.  Ruleset ignored due to bad selector. style.css:14
Found unclosed string '', sans-serif}'. style.css:14
Error in parsing value for 'background-image'.  Declaration dropped. style.css:254
Error in parsing value for 'background-image'.  Declaration dropped. style.css:255
Error in parsing value for 'background-image'.  Declaration dropped. style.css:256
Expected color but found 'top'.  Error in parsing value for 'background-image'.  Declaration dropped. style.css:257
Error in parsing value for 'background-image'.  Declaration dropped. style.css:283
Error in parsing value for 'background-image'.  Declaration dropped. style.css:284
Error in parsing value for 'background-image'.  Declaration dropped. style.css:285
Expected color but found 'top'.  Error in parsing value for 'background-image'.  Declaration dropped. style.css:286
Error in parsing value for 'background-image'.  Declaration dropped. style.css:298
Error in parsing value for 'background-image'.  Declaration dropped. style.css:299
Error in parsing value for 'background-image'.  Declaration dropped. style.css:300
Expected color but found 'top'.  Error in parsing value for 'background-image'.  Declaration dropped. style.css:301
Unknown property 'hyphens'.  Declaration dropped. style.css:614
Unknown property 'hyphens'.  Declaration dropped. style.css:965
Error in parsing value for 'background-image'.  Declaration dropped. style.css:1237
Error in parsing value for 'background-image'.  Declaration dropped. style.css:1238
Error in parsing value for 'background-image'.  Declaration dropped. style.css:1239
Expected color but found 'top'.  Error in parsing value for 'background-image'.  Declaration dropped. style.css:1240
downloadable font: download not allowed (font-family: "Open Sans" style:normal weight:normal stretch:normal src index:2): content blocked
source: http://themes.googleusercontent.com/static/fonts/opensans/v8/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff css
downloadable font: download not allowed (font-family: "Open Sans" style:normal weight:bold stretch:normal src index:2): content blocked
source: http://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff css


[pennywhistle]

Would anyone be able to take the time to tell me how to fix these issues?

[pennywhistle]

I fixed the first unclosed string: Found unclosed string '', sans-serif}'. style.css:14, which helped greatly. But I can't figure out what all the background-image stuff is.

[trolly]

e.g. background-image: linear-gradient(white 0%, #9FBFD2 100%);
https://developer.mozilla.org/en-US/doc ... r-gradient

[Frenzie]

Don't forget to supply a background-color for e.g. older browsers.