filter style doesn’t play nice with the overflow style

I discovered a tricky problem with WinIE involving a containing div that uses the filter style property to render a transparent background, and a nested div with the overflow property set to auto. The problem is that if the nested div has a scrollbar, the scrollbar is unusable – clicks on the bar aren’t being registered. IF I put the filter property on the nested div the problem goes away, but because the nested div is several levels deep, the background for that layer doesn’t reach the outer edges. If it was a simplier design I cound probably put the background on the lower layer and use padding instead of margins to control the position while making sure the background looks right, but that isn’t an option in this case. The solution is to add the style declaration position: relative to the div with the overflow. Now I can have the transparent background on the top layer, and a working scrollbar on the lower layer.

Leave a Reply