Размер img не больше чем у div
 

добрый день!
Как сделать так чтобы widht и height img было не больше чем у div и img находился строго по центру как по вертикали так и по горизонтали и не нарушались пропорции изображения?

Вот мой пример, работает не так как бы этого мне хотелось:

<div style="width:100px; height:150px; background-color:#cccccc; display:table; valign-top:middle;"><img src="изображение" style="max-widht:100%; max-height:100%;" /></div>

Спасибо за уделённое мне время.

Насчёт пропорций - на css это невозможно.

А с помощью чего это возможно? И каким образом?

Если размер дива фиксирован - это лучше делать на сервере, при том, сразу же при получении файла, а не перед отдачей его клиенту, ибо накладно получается. Если нет - делать див в нужных пропорциях и картинке ставить 100% высоты и ширины. Вообще, изменять размер картинки средствами html/css не есть гуд: если делать его больше - качество сразу бросается в глаза, если меньше - зачем грузить лишние байты? Исключение - анимация.