title: DataTables width problem
body: <p>I am using the DataTables plugin with jQuery and I've already looked around StackOverflow and found <a href="https://stackoverflow.com/questions/604933/jquery-datatables-table-width-problem">this other question</a> with almost the same problem (except I have no tabs) and I tried what it said there but can't make it work. I have this dropdown in the table to show only 50 records (iDisplayLenth in the code underneath) and when you select 100 or over the table completely resizes itself and I have no idea why. Any help or suggestion will be appreciated. Here's my HTML for creating the table:</p>
  
  <pre><code>&lt;table id="content-table-redesign" class="display"&gt;
  </code></pre>
  
  <p>then the css related to it</p>
  
  <pre><code>#content-table-redesign{border-collapse: separate;width:1241px;margin:0 auto;}
  #content-table-redesign th{min-width:45px;color:#2e2e2e;}
  </code></pre>
  
  <p>and the js which at this point is pretty much a mix of what I originally had and suggestions I found on the other link. Everything is being done inside the $document(function(){});</p>
  
  <pre><code>var oTable = $('#content-table-redesign').dataTable({
          "oLanguage": {
              "sLengthMenu": "Display _MENU_ records per page",
              "sZeroRecords": "Nothing found - sorry",
              "sInfo": "Showing _START_ to _END_ of _TOTAL_ records",
              "sInfoEmpty": "Showing 0 to 0 of 0 records",
              "sInfoFiltered": "(filtered from _MAX_ total records)"
          },
          "aaSorting": [[ 0, "asc" ]],
          "bAutoWidth": false,
          "iDisplayLength": 50,
          "aLengthMenu": [10, 20, 30, 50, 100, 500],
          "sPaginationType": "full_numbers",
          "sDom": '&lt;"top"i&gt;&lt;"#up"f&gt;rt&lt;"#bottom2"l&gt;&lt;"pagin"p&gt;&lt;"clear"&gt;',
          "aoColumns" : [
              { sWidth: '500px' },
              { sWidth: '1000px' },
              { sWidth: '1200px' },
              { sWidth: '300px' },
              { sWidth: '100px' },
              { sWidth: '120px' },
              { sWidth: '30px' },
              { sWidth: '100px' },
              { sWidth: '120px' }
          ] 
      });
  
      oTable.fnAdjustColumnSizing();
  </code></pre>
  
  <p>I just realized this error only shows up on IE8 and Chrome 12+</p>