Браузер Android 2.3 не может отображать некоторые 2D-преобразования CSS3

У меня возникли проблемы с тем, чтобы CSS3 2D-преобразования работали в Android 2.3 с любым браузером, который использует механизм webkit по умолчанию (например, браузер по умолчанию, Dolphin HD, браузер Amazon Kindle Fire Silk и т. д.). Механизм webkit Android 2.3 поддерживает 2D-преобразования, и мне удалось заставить некоторые сайты с 2D-преобразованиями отображаться правильно, но не мой сайт!

Знает ли кто-нибудь о какой-либо проблеме в Android 2.3, которая может вызвать конфликт с 2D-преобразованиями? В качестве альтернативы, есть ли хороший способ просто настроить CSS для браузеров с помощью механизма рендеринга Android 2.3 webkit? Хотя я использую Modernizr, в этом контексте он не работает, потому что браузеры Android 2.3 дают положительный результат на 2D-преобразования.

Вот мой сайт: http://StevenGerner.com. На первой странице я поворачиваю два элемента на -90 градусов (название сайта и элемент h2), и ни один из них не будет вращаться в браузерах Android 2.3. Я даже пробовал другие преобразования css, но ничего не трансформировалось. Если я обрезаю всю страницу до основного, то преобразование работает безупречно, так что, вероятно, на моем сайте есть какой-то другой конфликт, я просто не могу понять, что! Вот CSS, относящийся к преобразованиям:

//Applied to the h2 element which says 'howdy' at the top of the page
    #about-front h2 {
        display: inline-block;
        float: left;
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=4)"\9;
        -webkit-transform: rotate(-90deg);
        -webkit-transform-origin: 170% 170%;
        -moz-transform: rotate(-90deg);
        -moz-transform-origin: 170% 170%;
        -ms-transform: rotate(-90deg);
        -ms-transform-origin: 170% 170%;
        -o-transform: rotate(-90deg);
        -o-transform-origin: 170% 170%;
        transform: rotate(-90deg);
        transform-origin: 170% 170%;
        width: 1em;
        text-shadow: -1px 0 #777, 0 2px #333, 2px 0 #333, 0 -1px #777;
    }

//Applied to the site title with a media query between 500px and 750px
    div#site_name {
        display: block;
        line-height: 0.85em;
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=4)"\9;
        -webkit-transform: rotate(-90deg);
        -webkit-transform-origin: 160% 130%;
        -moz-transform: rotate(-90deg);
        -moz-transform-origin: 160% 130%;
        -ms-transform: rotate(-90deg);
        -ms-transform-origin: 160% 130%;
        -o-transform: rotate(-90deg);
        -ms-transform-origin: 160% 130%;
        transform: rotate(-90deg);
        transform-origin: 160% 130%;
}

Проблема также может относиться к Android 2.2; однако в настоящее время у меня нет устройств 2.2 для тестирования.

Буду очень признателен за любые мысли, предложения и советы! Это сводит меня с ума!