强制div具有背景图像的大小

在Div上使用背景图像时,我无法显示图像的完整高度,无法使用height:auto;或height: 100%.为什么这样？我该如何解决这个问题？

我在这里创建了一个JS小提琴:https://jsfiddle.net/2d0npz2v/5/

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%;
}