Как установить максимальную ширину изображения в CSS

На своем веб-сайте я хотел бы отображать изображения, загруженные пользователем, в новом окне с определенным размером ( ширина: 600 пикселей ). Проблема в том, что изображения могут быть большими. Поэтому, если они больше, чем эти 600px, я хотел бы изменить их размер, сохранив соотношение сторон.

Я попробовал CSS-свойство max-width, но оно не работает: размер изображения не меняется.

Есть ли способ решить эту проблему?

HTML:

<div id="ImageContainerr">
    <img src="DisplayImage.do?ad_id=${requestScope.advert.id}" class="Image" />
</div>

CSS:

img.Image { max-width: 100%;}
div#ImageContainer { width: 600px; }

Я также пытался установить max-width: 600pxдля изображения, но не работает. Изображение передается из сервлета (оно хранится вне папки веб-приложений Tomcat).