Rotação de div

Fala galera,

estou com problema aqui, que já está me irritando :cry:

estou codificando um layout, onde a melhor forma de resolver que achei foi rotacionando dois elementos. Com testes simples, consegui fazer em todos navegadores (IE7+, Chrome, FF, Safari,...).

Porém quando vou colocar o código no projeto ele buga apenas no IE7, mas isso acontece de uma maneira estranha, quando ele chega na linha que faz a rotação no IE7, ele não executa mais nenhum CSS abaixo dela e não rotaciona a DIV.

Segue o código CSS atual:

/ROTAÇÂO/
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.766044443, M12=-0.64278761, M21=0.64278761, M22=0.766044443); / IE6,IE7 /
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.766044443, M12=-0.64278761, M21=0.64278761, M22=0.766044443)"; / IE8, IE9 /

 -webkit-transform: rotate(40deg);
 -moz-transform: rotate(40deg);
 -o-transform: rotate(40deg);
 -sand-transform: rotate(40deg);
 transform: rotate(40deg);
 /*FIM ROTAÇÂO*/

O HTML está validado para o padrão transitional da W3C. Não vou postar todo HTML e CSS (pq já estão grandes), mas as DIVs, que serão giradas, estão logo no início da página. A linha que faz o efeito no IE7 é a primeira do CSS. O projeto ainda não está online para passar um link também.

Alguém sabe o que pode ser isso? Já tentei muita coisa pra resolver, mas nada (desde semana passada pensando nisso), se alguém puder me dar uma luz...

abraço.