image in div wont show

Question

Why wont it show the whole original picture?

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


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

Problem is that is doesnt show anything, if you type something in the div it shows a little bit of the image. I want it to include the full picture.

Answer 1

Here is the working demo

You need to specify the height

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

Answer 2

Set the height of the div. The div will not be higher than you tell it to be or higher than it needs to be.