Можно ли пропорционально масштабировать div , как img , используя только CSS? Вот моя первая попытка: http://dabblet.com/gist/1783363

Пример

div {
 max-width:100px;
 max-height:50px;
}
img {
 max-width:100px;
 max-height:50px;
}

Фактический результат

Container: 200 x 100
Div:       100 x 50
Image:     100 x 50

Container: 50  x 100
Div:       50  x 50  // I want this to be 50x25, like the image
Image:     50  x 25