как сохранит пропорции картинки <img> при не совпадении размеров ? 

Надеюсь вам это подойдет.

Спасибо ) но нашел более изящный способ...достаточно задать только только один размер, ширину или высоту и пропорция сохраняется ))

Нет, вы не совсем правы, способ который привел я позволяет любую картинку, большего или меньшего разрешения удерживать в контейнере соблюдая пропорцию, в то время как указав просто ширину вы не будете никогда увереныЮ что ваш блок не разъедится, т.к. высотка картинки может быть любой. Вот пример поставьте вашей картинке ширину 500 пикселей и создайте в фотошопе картинку шириной 500 и высотой в 2000 пикселей, как ваш способ сожмет картинку? Никак.

Если задать только один размер, то Google Chrome и Safari (браузеры на движке WebKit) вытягивают картинку ну очень не пропорционально, так что такой способ не подойдет, если нужна кроссбраузерность.

Немного подправил свой код, теперь работает во всех ослах начиная с 5.

Спасибо ) сейчас попробуем )