Неправильное вращение в Опере

[partiz]

Нашел интересный пример горизонтальной гармошки, решил использовать.

В примере опера вообще не хочет вращать заголовки.

Скачал пример, поправил стиль: добавил для оперы "о-трансформ"

.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Opera */ -o-transform: rotate(-90deg); cursor:pointer;}

Но это не помогло, загловки все равно странно смещены.

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

[partiz]

Через свойство о-трансформ-оригин исправил ошибку неправильного расположения:

.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Opera */  -o-transform: rotate(-90deg); -o-transform-origin: 130px 250%; cursor:pointer;}

Но все равно блоки немного уползли. Если честно, не понимаю, как поставить их на место, чтобы косяков в опере не было...

UPDATE

Потренировался до конца с этим свойством о-трансформ-оригин, получилось поставить элементы на место без косяков:

.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Opera */  -o-transform: rotate(-90deg); -o-transform-origin: 123px 122px; cursor:pointer;}

Интересно то, что оно не работает (или мне так настойчиво показалось) так, как оно описано. Смещение происходит не по Х и У, а одновременно. Т.е. указывая (0пх 10пх) или (10пх 0пх) нужно ожидать, что слой сместится и по Х и по У, т.е. координаты (0пх 100пх) не сместят слой только по оси У, а он полезет сразу по обоим осям.

Edited July 13, 2012 by partiz