Добрый день. У меня происходит поиск на сайте и результаты выдаются во всплывающем окне.

Вот сам скрипт html окна:

<div onclick="show_search('none')" id="wrap_search"></div>
<div id="window_search" style="height:auto;">
  <img class="close_search" onclick="show_search('none')" src="http://sergey-oganesyan.ru/wp-content/uploads/2014/01/close.png">
  <div id="id_search"></div>
</div>

Вот его css:

#wrap_search{
  display: none;
  opacity: 0.8;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 16px;
  background-color: rgba(1, 1, 1, 0.725);
  z-index: 100;
  overflow: auto;
}

#window_search{
  width: 600px;
  margin: 50px auto;
  display: none;
  background: #fff;
  z-index: 200;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 16px;
}

.close_search{
 margin-left: 564px;
  margin-top: 4px;
  cursor: pointer;
}

Результаты поиска у меня выводятся в div.Так вот окно получается у меня горазд высокое, прописывание в стиле height:auto не помогает. Как бы сделать, чтобы его высота зависела от количества выведенных результатов поиска?