I have just completed a display ad for one of our customers. The ad is now in "pre-publication." However, there is something I have rarely seen before, although it seems it is getting more common. The problem is that Firefox on Windows is acting weirdly.
We support Internet Explorer, Firefox in Windows, Firefox on the Mac, Chrome and Safari. In this specific instance, the ad is laying out properly in all browsers except Firefox on Windows. I have been starting to notice small irregularities lately on Firefox on Windows, but nothing as drastic as in the current situation.
I am posting two screen shots showing the intended layout and the faulty Firefox on Windows layout.
The section in question is the "bow" image and text. It is absolutely positioned so as to superimpose it over some white space which is part of the image to the right. In addition, I am using the "IEroot" hack to position it properly for IE. The IEroot hack is simply using conditional comments as described at http://www.positioniseverything.net/articles/cc-plus.html
. However, this should not have any effect as it is only to assist IE get it right.
In addition, the container div of the positioned div is position:relative in order to get IE to work properly. Again, this should not be affecting Firefox on Windows.
Firefox is 3.6.16 on both Windows and Mac.
Firefox on the Mac is working; why not on Windows?