44110 2010-08-17 08:27:37 -0700 Transitions paired with relative position causes a content flash 2010-12-07 14:09:04 -0800 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Mac (Intel) OS X 10.6 RESOLVED DUPLICATE 47175 http://nwhsu.insidenewcity.com/test.html P3 Minor --- 0 wcbaker webkit-unassigned simon.fraser wcbaker oldest_to_newest 265557 0 wcbaker 2010-08-17 08:27:37 -0700 When I hover over an item that has a CSS transition, it's parent's siblings flash. The siblings and the parent all have relative positioning and z-indicies. This bug is hard to reproduce, but it's definitely there. Here are the conditions: - Container (header) holding transitioned item is positioned relative and has a z-index of 100 - Container (nav-main) below header is positioned relative and has a z-index of 500 - Container (content) below nav-main is positioned relative and has a z-index of 100 - Nav-main has a form with a <input type="submit"> with image replacement (background + text-indent: -9999px, etc) Replacing the <input type="submit"> with an <input type="image"> seems to fix things. 265562 1 wcbaker 2010-08-17 08:30:28 -0700 This is happening in Safari 5.01 and the Webkit Nightly. 318432 2 simon.fraser 2010-12-07 14:09:04 -0800 Your Go button has text-indent: -9999px, which forces tiled layers. You should set overflow:hidden on that element. *** This bug has been marked as a duplicate of bug 47175 ***