2/12/2014 - 2:46 AM

CSS for Firefox only

CSS for Firefox only

<![if !IE]>
<link rel="stylesheet" type="text/css" href="/AEBP_Homepage_12887/css/firefox.css" />


You can't do anything as elegant as the Paul Irish solution for IE but you can create a FF specific set of definitions using:

@-moz-document url-prefix() { CSS BLOCK }
Before anyone starts jumping up and down screaming "THIS SHOULD NEVER HAVE TO HAPPEN UNLESS YOU DID SOMETHING WRONG" - it totally happens when we're talking about Firefox vs Chrome vs IE font rendering on a tightly constrained grid with a lot of left to right text justification.

Think: recreating something that looks like a newsprint layout in the header.

You might also try out the CSS Browser selector:

This simple JS file allows you to append things like .gecko and .ff3 to your CSS.