特定の条件で要素が重なったときChromeとSafariで表示が違う

どうも親要素と子要素それぞれに-webkit-transformが指定してあると重なったときの表示が異なるみたいです。

これをChromeで表示させるとアイコンが隠れ、Safariだとはみ出します。親要素の-webkit-transformを無くせばSafariでも隠れます(画面クリックでトグルします)。なぜだろう。GPUがどうこうという話でしょうか。