Firefox can be very candid and sometimes cruel but as designers and coders, we just have to collaborate and work around it. This is one of my personal favourite css fixes that i have been using to define certain coding problems within firefox, and so far it has been working.
 
This small piece of coding allows you to directly target the problem within firefox while not disrupting the same element on another browser.
 
The @-moz-document is suggesting to the opening browser that this is a mozilla specific extension, and the rules within only apply to the browser.
 

@-moz-document url-prefix() {
    section{
      padding-right: 12px;
     }
}

 
Visit the Firefox website to read more about specific coding for this browser.

© Copyright of Alexandra Milne 2013 | Privacy Policy | Disclaimer | Disclosure