Есть ли решение css-only для масштабирования изображения в ограничивающий прямоугольник (с сохранением соотношения сторон)? Это работает, если изображение больше контейнера:

img {
  max-width: 100%;
  max-height: 100%;
}

Пример:

Вариант использования 1 (работает):http://jsfiddle.net/Jp5AQ/2/Вариант использования 2 (работает):http://jsfiddle.net/Jp5AQ/3/

Но я хочу увеличить изображение, пока размер не будет равен 100% контейнера.

Вариант использования 3 (не работает):http://jsfiddle.net/Jp5AQ/4/