title: jquery DataTables horizontal scroll in Firefox
body: <p>I am using jquery DataTables plugin to format my HTML table. I'm using data-tables directive to tell the library which options I want to use like this:
  data-tables="userTableOpts" and define these options in js like this:</p>
  
  <pre><code>$scope.userTableOpts = {
   //other options...,
                  sScrollY: '50vh',
                  sScrollX: '50vh',
                  bScrollCollapse: true,
               };
  </code></pre>
  
  <p>However, the horizontal scroll won't appear in Mozilla and the table extends far beyond it's containing element while the vertical scroll is ok. It works perfectly in Chrome and Safari. 
  Anyone had a similar problem and how did you resolve it?</p>