Заставить div иметь размер фонового изображения ⇐ CSS

[Anonymous]

При использовании фонового изображения в Div я не могу отобразить полную высоту изображения ни с помощью высоты: auto;, ни с высоты: 100%. Почему так?
Как я могу решить проблему?

Я создал JS Fiddle здесь: https://jsfiddle.net/2d0npz2v/5/< /p>

Код: Выделить всё

body, html {
height: 100%;
margin: 0px;
}
.imageContainer2 {
background-image: url("http://i.imgur.com/AWi7r5m.jpg");
background-position: center top;
background-size: 100% auto;
height: 100%;
}

Код: Выделить всё

ОБНОВЛЕНИЕ
Для ясности: изображение должно иметь ширину 100 % и автоматическую высоту (не обрезаться внизу).
Этот пример работает, но вместо свойства «content» используется свойство «content». «фоновое изображение»: https://jsfiddle.net/j47a6x7s/. Я ищу такое же поведение, но без использования контента.

Подробнее здесь: https://stackoverflow.com/questions/342 ... ound-image