Как сделать так, чтобы div * не * расширялся, чтобы заполнить его родителем?

У меня есть div, обернутый вокруг image, например:

      

           
      
      

           Blah blah blah.
      

Теперь я ожидаю, что image-wrapper примет размер изображения, и не более того. Но это не так; вместо этого он заполняется до высоты contains-div . (См. Фактическую страницу здесь: http://holyworlds.org/new_hw/wallpapers.php )

Мой CSS:

.image-wrapper{
  float: left;
  box-shadow: inset 0px 4px 10px black;
  background-image: url('image.jpg');
}

.image-wrapper img{
  visibility: hidden;
}
.unrelated-stuff{
  float: left;
}

Теперь он отлично работает, если у меня нет Doctype объявил. Но все, что я пробовал, терпит неудачу, если я это сделаю.

Как мне сделать image-wrapper размером с изображение, все еще используя ?

]