Change in link formatting - Firefox 2.0.0.4

With the upgrade to Firefox 2.0.0.4, I immediately noticed a change on the companion site to this blog, www.meesqa.com. Prior to the Firefox 2.0.0.4 release (and in current IE versions), the links looked like this:

After upgrading to Firefox 2.0.0.4, the links look like this:

My CSS file for the links looked like this:

a:link{
background: inherit;
border-bottom-width: 2px;
border-color: #000000 #000000 #000000;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
color: #000000;
font-weight: bold;
text-decoration: underline;
}

The page and the HTML both validate.

Just commenting out the CSS entries for the links results in the site looking better but with default link behavior. Better, but not what I want. It appears that the line background: inherit; causes the issue. Removing all of the references to this line results in the pages displaying correctly in Firefox 2.0.0.4 and earlier and displaying correctly in other browsers.

This entry was posted on June 5, 2007 at 7:35 pm and is filed under web testing. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response or trackback from your own site.