There is a div used for purely presentational reasons on the attached url which I have skewed to one side using -webkit-transform (#blind). The div also has position fixed applied to it however it is being treated like position absolute. You can see the problem simply when you scroll down. The desired effect is seen in recent versions of Firefox.
I'm seeing this issue in Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US) AppleWebKit/532.5 (KHTML, like Gecko) Chrome/4.1.249.1042 Safari/532.5 Simple test case: <style> .wmark { z-index:-50; color:pink; position:fixed; top:77px; right:20px; font-size: 100px; font-weight: bold; transform:rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); } </style> <div class="wmark"> DRAFT </div> ...works fine in firefox 3.6.2
Created attachment 52499 [details] Example of z-index not working when webkit-transform is applied I've found this myself using -webkit-transform rotation on div elements. The z-index of objects doesn't seem to do anything. I've set up a demo (attached) showing on the left, without transformation and on the right, with transformation. It's exactly the same html and css, apart from the right example uses transform. This is apparent on Webkit Version 4.0.5 (6531.22.7, r56990) and before. (Noticed first on Mac OS 10.6.3, but also checked in Windows Safari 4 release). Hope the example helps!
transform creates stacking context (just like z-index), so this is expected behavior.