Seeking assistance with a site issue that has been causing frustration. I have spent the entire evening trying to solve it without success.
The issue at hand involves modifying tag appearance after each article on my website. The problem arises when viewing in Firefox (version 14.0.1) where the text height is smaller (total <a> height of 15px including 1px bottom padding) compared to Chrome and other browsers which give a height of 19px. This 4px difference results in the "tag hole" being displayed at different levels - slightly lower than vertical middle for FF and upper than middle for other browsers.
I have attached a picture to illustrate the problem:
Despite having a general CSS reset to ensure consistency across browsers, it seems like not everything is covered. Any ideas on what could be causing this discrepancy?