IE не понимает transform. Или всё же Chrome?

Question

[Данил]

Предупреждение: нюансы CSS и HTML я не знаю, вообще знания очень поверхностные, на уровне школы :) делаю всё методом проб, вероятно большинство моих решений не логичны и не практичны.
Суть: боковая выезжающая по клику менюшка на сайте, в менюшке div с картинкой, при наведении на div он сдвигается вправо, за ним выезжает другой div со ссылками, из-за пределов экрана. Элементарно. Второй div вложен в первый.
Проблема: использую свойство
transform: translateX(250px);
- для корректного требуемого отображения в Chrome и Firefox достаточно указать это свойство только первому div'у. Но в таком случае не выезжает второй div в IE.
- для корректного отображения в IE 11 нужно указать это свойство обоим div'ам. Но в таком случае в Chrome и Firefox второй div уезжает слишком далеко.
Пример: onehund.esy.es/news.php
Очень интересно, какой браузер в данном случае не прав? И как победить?)

Comments

[Евгений Петров]

Бок с display-table-cell, а внутри блок с position:fixed. От того, что вы второй вложили в первый, лучше не стало:) Так не делается.

[Данил]

Евгений Петров: блин, как всё просто.. поменял fixed на absolute и стало хорошо и тут и там. Урок себе: не надо лишний раз пенять на ослика. Спасибо за подсказку :)

Answer 1

[ink]

нормально у вас смотрится на 5 браузерах и даже на safari посмотрел , hover работает , только не смотрел на сенсорах - скорее всего сломается