изображение в div не будет показывать

Question

Почему бы не показать всю оригинальную картинку?

<div class="test"></div>


.test { 
background: url("http://i27.tinypic.com/28ktoh.jpg") no-repeat;
}

Проблема в том, что он ничего не показывает, если вы наберете что-то в div, он покажет немного изображения. Я хочу, чтобы он включал полную картину.

Answer 1

Вот рабочая демоверсия

Вам необходимо указать height

.test { 
  background: url("http://i27.tinypic.com/28ktoh.jpg") no-repeat;
  overflow:auto;
  height:500px;
}

Answer 2

Установите высоту div.div не будет выше, чем вы говорите, или будет выше, чем должно быть.