Layout issue

I'm in the process of converting an existing static table to use DataTables and have run into a wierd layout issue.

The general structure of the page is as follows:

<div>
<div class=box> <-- right floating box -->
</div>
<div id="MainBody">
...

</div>

<div>

Where the right box is setup via css to be side by side with the main body. In the original layout this worked fine. As soon as I started plugging dataTables in I'm getting a large gap in the main div before the table is rendered which roughly corresponds to put it below where the right hand side box is located.

my initial usage is pretty simple and just sets up a table based on the underlying one:


hostsetTable = $("#hostsetsInScope").dataTable({
"bAutoWidth" : true,
"bFilter" : false,
"bPaginate" : false,
"bProcessing" : true
});

Can anyone give me a pointer to what's going on?
Thanks
Ben