title: Problems with Datatables and unwanted Horizontal scrollbar
body: <p>Im hoping this is a fairly simple problem.</p>
  
  <p>Im trying to use Datatables to create a table without any horizontal scrolling. The table has some long data rows which I need to keep on one line and hide the overflow.</p>
  
  <p>It seems like I'm missing something fairly basic with datatables here, but I can't seem to get rid of the horizontal scrollbar when the table gets a vertical scrollbar.</p>
  
  <p><a href="http://jsfiddle.net/FBpLA/3/" rel="noreferrer">http://jsfiddle.net/FBpLA/3/</a></p>
  
  <p>There are two tables (identical data), both are initialised very simply.</p>
  
  <pre><code>$('#mytable').dataTable({
      bFilter: false,
      bInfo: false,
      bPaginate: false,
  });
  
  $('#mytable2').dataTable({
      bFilter: false,
      bInfo: false,
      bPaginate: false,
      sScrollY: '150px'
  });
  </code></pre>
  
  <p>The styles for the page are fairly straight forward</p>
  
  <pre><code>body {
       height:100%;
       color: #000000;
       font-family: Helvetica, Arial, Verdana, sans-serif;
       font-size: 10pt;
       background-color: #B4D4EC;
   }
   .main-panel {
       display:block;
       background:white;
       padding:20px;
       height: 100%;
       position:absolute;
       width: 700px;
       top: 139px;
       bottom: 110px;
   }
   th {
       text-align:left;
   }
   td {
       border-spacing:0;
       white-space:nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       -ms-text-overflow:ellipsis;
   }
  </code></pre>