Всем привет

Кто знает, как сделать стилями такую вещь - картинку по ширине сделать вписанной в некий div, а по высоте пропорционально? И, если мы меняем ширину внешнего слоя, то внутренний меняется пропорционально? Пример:



Картинка занимает всю ширину слоя, а по высоте пропорционально.

И как вписать эту картинку в слой заданных размеров так, чтобы они всегда заполняла этот слой? Для простоты возьму квадратную картинку. Если слой узкий (высота его больше ширины), то картинка вписывается в него по высоте, а по ширине заходит слева и справа, если слой широкий (высота меньше ширины), то картинка вписывается в него по ширине, а по высоте обрезается?

Спасибо