In Firebug, how to tell what is overriding a style?

Question

I have this css:

fieldset li {  
padding-bottom: 0em;  
}  

However, it wasn\'t behaving properly, and using firebug, I see that style has

Answer 1

Just locate the instance of that attribute name that isn't crossed out, that is the one overriding.

Answer 2

If a CSS rule is overridden although it is the top-most rule of that property, look further down for a rule that has the !important override set.

Answer 3

What ever styles are above the crossed out styles are usually overriding it. If that is not the case, start clicking the disable style icons and see where the issue is.

Answer 4

If you select the misbehaving item in question, it should give you a list of all the styles applied to it. The bottom should have the most specific styles. If you start at the fieldset li style, you should be able to scroll down until you see one that has overridden it.

Answer 5

They are sorted, so the most upper definition overrides the lower one(s).