[CSS3] Заставить работать transition

Всем привет.

Цель: Хочется реализовать красивое и плавное появление "модальных окошек" на сайте.

Проблема: При написании эффекта на чистом JS обнаружил, что в лисе и опере уж жутко притормаживает. И вместо феерической радости, дарит пользователю грусть и разочарование.:o

Потом посмотрел в сторону css свойства transition - отличная вещь. Везде работает как часы. Ну или не работает.:bl: Ну это уже проблемы пользователя. Главное, что сайтом можно пользоваться и без плавности.

Корень зла: Оказалось, что браузер не хочет делать плавные переходы, если у элемента при первой "отрисовке" страницы есть свойство display: none либо его вообще не было(элемента):(

Так в этом же и весь прикол. Модальное окно и должно появятся поcле определенных событий. А transition обеспечить плавность его увеличения.:D:

Возможно гуру верстки знают как обойти проблему?

P.S. Суть эффекта в увеличении ширины и высоты с нуля до необходимого. По дороге еще увеличивает непрозрачность с нуля до 1. Как результат окно выскакивает из ниоткуда. По моему вполне симпатично:drink: Ну кому как...вкус такое дело...:rolleyes:

КОД - http://jsfiddle.net/8CmQf/10/