Extra padding on Chrome and Safari around LI items

Question

In the nav bar on this site, we're having a problem with padding on the li items in the nav bar. http://www.wbbearonline.com/

In Chrome and Safari, the left padding on each li item says 10, but it's actually adding a couple extra pixels (making padding 12 or 13).

Firefox and IE9 show the correct 10px.

Any ideas what might be causing this?

Answer 1

FireFox is not applying the a:link css property to links that have been visited, therefore those links do not receive the 3px padding. Chrome is applying it however.

To fix it, try just changing your css "a:link" rule to "a".

Answer 2

There might be margins or pads inherited from parent items, have you tried a css reset file(Although it may be a bit extreme for this instance)? Or setting the pads/margins further up the tree to 0?