Javascript-форум - Как узнать высоту динамически формируемого элемента?

Всем привет, проблема в следующем, использую jquery плагин datatable: таблица формируется динамически, вот сама табличка

<div id="table-wrapper" style="width: 850px; height: 350px; border: 5px solid #000099">
    <table class="tbl display" id='tblsel' width="100%">
      <thead>
      <tr>
        <th>№</th>
        <th><?php echo $this->translate("Код")?></th>
        <th><?php echo $this->translate("Найменування")?></th>
        <th><?php echo $this->translate("Зони поширення")?></th>
        <th><?php echo $this->translate("Примітка")?></th>
      </tr>
      </thead>
    </table>
</div>

ну и id таблицы отдаем скрипту

function createDataTable(url) {
  $('#tblsel').dataTable({
    "bProcessing": true,
    "bServerSide": true,
    "bDestroy": true,
    "sAjaxSource": url,
    "sServerMethod": "POST",
    "sPaginationType": "full_numbers",
    "bJQueryUI": true,
    "oLanguage": {
    "sUrl": "/datatable/js/uk.js",
    "oSearch": {"sSearch": "Initial search"}
    }
  });
}

как сделать чтобы таблица при большом объеме строк не была больше чем родительский див table-wrapper? а то сейчас она вылазит дальше футера :cray: