Waffle

Earn original art by fixing an HTML problem!

I seem to do nothing on this blog lately but ask readers for help, but that's how it is now. I've switched out some of the Project Wonderful ads for a new ad provider, and ever since, site display has been broken on some pages but not others. In pages like this one, the top ad breaks out of its box in the top right section next to the logo, overlapping the top row of site links and pushing down the rest of the content. The problem only occurs in Firefox 3 (edit) and Internet Explorer, though it is less obviously visible there as the ad just disappears and only on pages using a certain template. Safari and Opera render it correctly; indeed I was working in Safari while changing the templates and didn't notice anything was wrong until 1 AM last night.

What makes this one so annoying is that the HTML code for the top section in those templates is exactly the same as that in the pages that do render correctly, and they pull their positioning code from the same CSS file. Also, I did nothing but switch out one clearly marked block of javascript for another. I spent half an hour counting "Div" tags before passing the problem on to a friendly webdesigner who has more routine and experience fixing problems like this, but told me the next morning she was also stumped. Screenshot

So... if anyone with Firefox 3, a keen eye and a good knowledge of HTML/CSS can help me out with this, I'd be very grateful and send that person an original drawing or page from the archives of their choice..