sugarenia.com

A call to web designers out there: noticed any differences in your sites between Firefox 2 and Firefox 3?

Personally, I’ve only seen the infamous outline bug. For those that haven’t experienced it, check Google pagination when clicking a link:

You can fix it though, piece of cake. Just add an a { outline: none; } rule. You’ll find yourself defining outlines more often than ever with Firefox 3.

The other bug is trickier: the new version of Firefox doesn’t seem to like background images. I admit I haven’t researched it much, but it’s a really annoying bug, as it blurs background images for no reason. Others have noticed as well.

To fully understand what I mean, check out the display of the background image live:

…and compare it with the actual image (seen here by right click > view background image):

Really, really annoying bug that one. It seems that Firefox has a problem rendering background images with background rules that also specify positioning. So it does not render well backgrounds defined with something like body { background: url("img/img.jpg") no-repeat top center; }.

It’s minor but irritating. Surely though I can’t go around breaking up my rules in two just because of this hiccup. I guess I’ll have to wait for 3.0.1.

firefox 3, css, link, outline, dot, bug, background, blur