@Piterski да, вы правы на счёт плавности и скорости, но всё зависит от того где применять. И как вы заметили, колбэк идёт всё равно на js, а не внутри ксс-а...
Дело в том, что у ксс анимаций нет колбэка. И раз вы всё равно используете js, то почему бы и анимацию целиком не написать? И да, я открывал в фоксе, у меня тоже изначально не было никакой анимации.
А то что я вам предлагаю то вместо хайд у вас будет нечто .animate({"left": "-=200px", opacity: "hide"})
Ну логично!!! Оно же приоритетней. Включите пожалуйста хоть чуть-чуть мозг.
user-scalable=no - вот фрагмент который отвечает за зум пальцами.
width=device-width, - вот ширина! соответственно ширина моб устройства порядка 320px, а контент у вас 540 вот и не влазит.
Я подозреваю, что вы неверно сохраняете.
Повторю - Photoshop и Illustrator - оба продукта семейства Adobe. Corel вообще древний инструмент, и вполне допустимо, что он не дружит с psd
