For once it’s Firefox is the problem!

I’ve been playing with drop shadows. Read the alistapart item on it and eventually did it my own way (as usual). It involves adding a top, side and bottom graphic image to various divs surrounding this page. Test first in IE (ubiquity compels), then Opera: all looks great. Firefox has a rather strange bit of white overwriting part of the right hand shadow.

I rebuilt a test page one element at a time until I found the offending item. Unfortunately I was no specific tag or malformed piece of css or code. Once the length of the page passed a certain mark the white block appeared and increased in height as the page length increased!

The solution? Having spent so much time finding the problem I had no heart for trying to find out why Firefox does this. Instead I’ve reduced the length of the home page – the only offending item.

As I result I’ve also decided to implement an archives page rather than let users browse from the home page.