Проблема угла преобразования CSS 3D

Я использую CSS3 для выполнения следующего преобразования в div:

'-webkit-transform' : 'rotateX(45deg) rotateZ(-45deg)'

Результат такой:

Или как в этой скрипке:http://jsfiddle.net/kteSW/

Как мы видим здесь, угол равен 36 градусов вместо 30 градусов (sin45 *sin45 ). Кто-нибудь знает причину этой проблемы? Это задумано или это ошибка CSS3?

ОБНОВЛЕНИЕ:

Я уже установил параметры:

-webkit-transform-style: preserve-3d; -webkit-perspective: none;

Таким образом, все должно отображаться ортогонально. Тем не менее, угол все еще не 30 градусов.