Safari iFrame always on top issue?

Today I ran into a wonderful safari bug that caused an iframe to be on top of all of the page content, even if you were to put a high z-index on things!

After 40 minutes of debugging I eventually drilled the issue down to webkit transitions and anything related to 3d transformations (perspective, backface, translate3d...).

Currently i have only found the following versions of safari to be effected by this bug:

  • 4.0
  • 4.0.1
  • 4.0.2
  • 4.0.5

If you know of any more then feel free to comment.