Mystery of the missing images
Just spent longer than I would have liked finding out why some images on my site weren’t displaying under Firefox 3 but were fine under IE7.
According to Firebug the images were being downloaded, but they were not being rendered. So, I looked at the rendered DOM source and could see that style=”display: none;” had been added to the img tag.
I was pretty sure that none of my scripts were doing anything like that, and after searching them all and checking the CSS for quite some time I eventually tracked the problem down.
And guess what!? It wasn’t a problem at all, it was the excellent FF plugin called AdBlockPlus just doing it’s job. The image path had the string ‘advert’ in it and had therefore had the offending style tag added. It was a very simple matter to disable AdBlockPlus for my site and that was problem solved!