table resize works with Firefox but not Chrome?

I'm viewing with Firefox. I shrink the window to be too narrow and table shrinks to its minimum size. I then stretch the window to the entire monitor width and table goes from end-to-end as desired. Great!

I'm viewing with Chrome. I perform the same experiment. The table shrinks to its minimum size, but never again fills the entire screen when stretched. How come?

Thanks.

Lou.

  <script type="text/javascript" charset="utf-8">
	var oTable;
	$(document).ready(function() {
		oTable = $('#my-table').dataTable( {
			"bProcessing": true,
			"bPaginate": false,
			"bFilter": true,
			"sScrollX": "100%",
			"sScrollY": "600px",
       		        "bInfo": false,
			"sAjaxSource": "myUrl",
			aaSorting: [],
			"fnRowCallback"  : function(nRow,aData,iDisplayIndex) {
                             		$('td:eq(1)', nRow).css( "text-align", "right" );
                             		$('td:eq(8)', nRow).css( "text-align", "right" );
                             		$('td:eq(9)', nRow).css( "text-align", "right" );
                             		$('td:eq(10)', nRow).css( "text-align", "right" );
                             		$('td:eq(11)', nRow).css( "text-align", "right" );
                             		$('td:eq(12)', nRow).css( "text-align", "right" );
                             		$('td:eq(13)', nRow).css( "text-align", "right" );
                             		$('td:eq(14)', nRow).css( "text-align", "right" );
                             		$('td:eq(15)', nRow).css( "text-align", "right" );
                             		$('td:eq(16)', nRow).css( "text-align", "right" );
                             		$('td:eq(17)', nRow).css( "text-align", "right" );
                             		return nRow;
			},
		} );
		$(window).resize(function () {
			oTable.fnAdjustColumnSizing(); 
		});  
		
	} );
  </script>