Масштабировать изображение, чтобы оно соответствовало ограничительной рамке

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

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/