Проблема масштабирования iframe CSS3 в iPad Safari (iOS 5.0.1)

Мне нужно увеличить iframe, чтобы сделать его больше (У меня нет контроля над исходным кодом содержимого iframe ). Я пытаюсь добиться этого с помощью свойства CSS -webkit-transform: scale(1.3).

Содержимое iframe масштабируется правильно, но когда я пытаюсь коснуться любого из элементов управления в iframe, мне кажется, что событие касания получено в неправильном месте (Я вижу, что «тень» элемента управления выделена в неправильном месте при прикосновении ). Поэтому обработчики событий не работают (Я подозреваю, что они не вызываются, потому что касание обнаружено не в том месте ). Кто-нибудь сталкивался с этой проблемой? Можно ли это решить?

Я создал тестовый пример, который вызывает проблему (попробуйте в iPad Safari):http://jsfiddle.net/9vem2/

Исходник в более читаемом формате:

Родительская страница (контейнер iframe):

    

        



    
Parent
    

Дочерняя страница (содержимое iframe):

    



    
Child
    
    Button