css transformar, bordas irregulares no chrome

Estou usando a transformação CSS3 para girar imagens e caixas de texto com bordas no meu sit

O problema é que a borda parece irregular no Chrome, como um jogo (de baixa resolução) sem Anti-Aliasing. No IE, Opera e FF, parece muito melhor porque é usado o AA (que ainda é claramente visível, mas não tão ruim). Não posso testar o Safari porque não tenho um Mac.

A foto e o texto rotacionados parecem bons, é apenas a borda que parece irregula

O CSS que uso é este:

.rotate2deg {
    transform: rotate(2deg);
    -ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Safari and Chrome */
    -o-transform: rotate(2deg); /* Opera */
    -moz-transform: rotate(2deg); /* Firefox */
}

Existe alguma maneira de corrigir isso, por exemplo forçando o Chrome a usar AA?

Exemplo abaixo:

questionAnswers(11)

yourAnswerToTheQuestion