Firefox Make CSS Work across all modern browsers

Here are the CSS styling features that are not well supported across browsers. This list is fairly rough, because CSS property support is a minefield of special cases:

• Complex table styles, especially tabular values for display

• Fancy border-style values, such as groove

• Applying and then removing display : none

• Expecting font-family values to display identically across browsers

• Expecting list-style-type icons to display identically across browsers

• outline styles

• padding styles (see the "Box model" section later in this hack)

• Properties in CSS2 that aren't in CSS2.1

• Complex style rule selectors that depend on two or more identifiers

• Mozilla-specific style selectors, properties, and values prefixed with -moz.

In addition to these specific properties worth avoiding, there are three issues that affect stylesheets, layout, scripting, or a combination of all three