[jQuery] How to resize div for new content with load?

[webmas...@terradon.nl]

Hi all,
i use a menu for loading new content inside a content div, so far so
good.
Most of the time i have to load a big table, which is higher then the
content div.
In this case the footer div does not go down, my content div does not
resize his height and goes through the middel of my table. Not sure if
this is a jquery issue or a css issue

Menu code:

   $('.sub li a').click(function(){
            // test alert
                  //alert("clicked on sub item..");

      var toLoad = $(this).attr('href');
                  // test alert
                  //alert("content to load: " + toLoad);
      $('#content').hide('normal',loadContent);
      $('#load').remove();
      $('#wrapper').append('<span id="load">LOADING...</span>');
      $('#load').fadeIn('normal');
      function loadContent() {
           $('#content').load(toLoad,'',showNewContent())
      }
      function showNewContent() {
           $('#content').show('normal',hideLoader());
      }
      function hideLoader() {
           $('#load').fadeOut('normal');
      }

      return false;
   });// end of menu

This are the div's:

<div id="contentwrapper">
   <div id="contentcolumn">
      <div class="innertube">
                           <div id="content">Initial Content...



                                 </div>  <!-- Einde div content -->
      </div> <!-- Einde div innertube -->
   </div> <!-- Einde div content column -->
</div> <!-- Einde div contentwrapper -->

And CSS:

#contentwrapper{
float: left;
width: 100%;
}
#contentcolumn{
margin-right: 200px; /*Set right margin to RightColumnWidth*/
}
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide
padding)*/
margin-top: 0;
}

no css for content div.

How do i specify and change the height of the content div?