Проблемы с ресайзингом div-a

[Terranin]

Вывожу динамически контент в div, по идее он должен ресайзиться по ширине и высоте контента. Так и происходит в Firefox и IE, но в Chrome и Safari почему-то ресайзится неверно в зависимости от контента.

Код:

<div id="KeyHistory" style="border: 1px solid #999999; position: absolute; 
  background: white; display: none; z-index: 100; box-shadow: 3px 3px 4px 0px #ccc;">

  <div class="FormHeader">
    Exchange history <img src="form_cancel.gif" width="16" height="16" onClick="$obj('KeyHistory').style.display = 'none';" style="cursor: pointer; float: right; padding: 2px;">
  </div>

  <div id="history" style="padding: 5px;">
  <!——- Сюда вставляется таблица на ходу ———>
  </div>

</div>

Вот с этой табличкой во всех браузерах ресайзится правильно

А когда в таблице появляются переносы то почему-то в Chrome и Safari div ресайзится неверно...

[Terranin]

Вопрос снимается.

Хотя было не очень очевидно, что при показе этого div-a ему надо было ставить атрибут display: table; чтобы он правильно растягивался в хроме...