Symphony.

There's a CSS (-moz-) box-shadow rule in form.publishfiltering{…} that results in a (quite sexy & subtle) shadow between the Publish Filtering form and the Entry-listing.

Because this CSS shadow is given to a form element that is 100% wide and has a (blur) radius of 8 px the shadow 'peeks' out of the containing element, horizontally. This makes the element effectively wider than 100% and, therefore, results in a horizontal scrollbar in Fx (3.6).

Many browsers handle this 'fine': they do not add a 'bleeding' shadow radius to the width of the element. It therefore does not occur in e.g. Chrome. I have not tested many other browsers.

To me it is a small visual annoyance (which only occurs in some browsers) but it would be quite easy to fix.

Some quick fix suggestions:

• Make the form.publishfiltering a little less wide (width: 99.7% seems enough). Obviously this will put a tiny whitespace on the right.

• Add overflow:hidden to a parent element (e.g. div#contents). This will "cut-off" everything that peeks out of the page.

• Use a background image for the shadow.

Obviously none of the 'fixes' above are ideal.

Again, it's a small issue but I believed I could mention it. Thx.

Attachments:

shadow-peek.jpg

I'm using FF4 and this doesn't happen, so I presume it's a rendering bug they've fixed...