iframe @ iPad Safari で、-webkit-transform の scale() が２度適用される？

こんにちは。
iPad Safari で不思議な現象に遭遇しました。

親ページと子ページを用意し、iframe を使って親ページに子ページを埋め込みました。
そして、iframe の一つ外側の要素にCSSの -webkit-transform: scale() を適用した結果が以下のリンクになります。
上から、scaleに 1、0.75、0.5、0.25 と渡した結果です。

http://www.firedictionary.com/tmp/nori_test_a100.html
http://www.firedictionary.com/tmp/nori_test_a75.html
http://www.firedictionary.com/tmp/nori_test_a50.html
http://www.firedictionary.com/tmp/nori_test_a25.html

子ページのbody に CSS の background で背景画像を貼り付け、スケールがどのように行われるかを試しました。

質問が長いと言われてしまったので、続きはブログに記しました。
http://d.hatena.ne.jp/norisuke3/20120701

何かご存じの方がいれば、何が原因でこのように表示されるのか、教えていただければ幸いです。
よろしくお願いします。