Created attachment 140290 [details] reduced test case Using CSS `box-shadow` on an element that shows scrollbars (overflow: auto) can cause the scrollbars of the element to appear in the wrong position. A related problem is that in the provided reduced test case, enabling hardware acceleration for the parent element causes the child's scrollbars to disappear completely. This problem happens in both the latest release version of Chrome and in the Safari 5.2 beta (I could not test on Safari 5.1, but it is likely to be a problem there too).
<rdar://problem/11386222>
I can't find any code that positions the scrollbar layers in RenderLayerBacking. Weird.
Created attachment 162874 [details] Patch
http://trac.webkit.org/changeset/127943