title: Bootstrap/Datatables CSS shows in chrome but not firefox
body: <p>having a problem getting CSS to show in firefox. I have a bootstrap site with datatables and all is fine and dandy in chrome but a lot of the CSS is missing in firefox, and the datatables don't show at all. In the developer console for firefox I get a lot of "declaration dropped' which I'm assuming is affecting my output. Is three a setting I'm missing on my page that allows firefox to interpret things correctly? </p>
  
  <pre><code>Error in parsing value for ‘-webkit-text-size-adjust’.  Declaration dropped.  bootstrap.min.css:5:132
  Unknown pseudo-class or pseudo-element ‘-webkit-inner-spin-button’.  Ruleset ignored due to bad selector.  bootstrap.min.css:5:1544
  Unknown pseudo-class or pseudo-element ‘-webkit-search-cancel-button’.  Ruleset ignored due to bad selector.  bootstrap.min.css:5:1778
  Unknown property ‘orphans’.  Declaration dropped.  bootstrap.min.css:5:2691
  Unknown property ‘widows’.  Declaration dropped.  bootstrap.min.css:5:2700
  Unknown property ‘-moz-osx-font-smoothing’.  Declaration dropped.  bootstrap.min.css:5:3676
  Expected color but found ‘auto’.  Expected color but found ‘-webkit-focus-ring-color’.  Expected end of value but found ‘-webkit-focus-ring-color’.  Error in parsing value for ‘outline’.  Declaration dropped.  bootstrap.min.css:5:15709
  Error in parsing value for ‘margin-top’.  Declaration dropped.  bootstrap.min.css:5:35740
  Expected color but found ‘auto’.  Expected color but found ‘-webkit-focus-ring-color’.  Expected end of value but found ‘-webkit-focus-ring-color’.  Error in parsing value for ‘outline’.  Declaration dropped.  bootstrap.min.css:5:35987
  Unknown pseudo-class or pseudo-element ‘-ms-input-placeholder’.  Ruleset ignored due to bad selector.  bootstrap.min.css:5:36918
  Unknown pseudo-class or pseudo-element ‘-webkit-input-placeholder’.  Ruleset ignored due to bad selector.  bootstrap.min.css:5:36966
  Unknown pseudo-class or pseudo-element ‘-ms-expand’.  Ruleset ignored due to bad selector.  bootstrap.min.css:5:37018
  Expected media feature name but found ‘-webkit-min-device-pixel-ratio’.  bootstrap.min.css:5:37352
  Error in parsing value for ‘margin-top’.  Declaration dropped.  bootstrap.min.css:5:38465
  Unknown property ‘user-select’.  Declaration dropped.  bootstrap.min.css:5:45511
  Expected color but found ‘auto’.  Expected color but found ‘-webkit-focus-ring-color’.  Expected end of value but found ‘-webkit-focus-ring-color’.  Error in parsing value for ‘outline’.  Declaration dropped.  bootstrap.min.css:5:45712
  Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped.  bootstrap.min.css:5:46058
  Expected color but found ‘solid\9 ’.  Expected end of value but found ‘solid\9 ’.  Error in parsing value for ‘border-top’.  Declaration dropped.  bootstrap.min.css:5:54984
  Expected ‘none’, URL, or filter function but found ‘progid’.  Error in parsing value for ‘filter’.  Declaration dropped.  bootstrap.min.css:5:56351
  Expected color but found ‘solid\9 ’.  Expected end of value but found ‘solid\9 ’.  Error in parsing value for ‘border-bottom’.  Declaration dropped.  bootstrap.min.css:5:56896
  Error in parsing value for ‘background-image’.  Declaration dropped.  bootstrap.min.css:5:85273
  Error in parsing value for ‘background-image’.  Declaration dropped.  bootstrap.min.css:5:86178
  Error in parsing value for ‘background-image’.  Declaration dropped.  bootstrap.min.css:5:86804
  Error in parsing value for ‘background-image’.  Declaration dropped.  bootstrap.min.css:5:87436
  Error in parsing value for ‘background-image’.  Declaration dropped.  bootstrap.min.css:5:88066
  Unknown property ‘zoom’.  Declaration dropped.  bootstrap.min.css:5:88502
  Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped.  bootstrap.min.css:5:105745
  Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped.  bootstrap.min.css:5:105854
  Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped.  bootstrap.min.css:5:107063
  Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped.  bootstrap.min.css:5:107116
  Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped.  bootstrap.min.css:5:108266
  Unknown property ‘line-break’.  Declaration dropped.  bootstrap.min.css:5:108303
  Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped.  bootstrap.min.css:5:108328
  Unknown property ‘line-break’.  Declaration dropped.  bootstrap.min.css:5:110310
  Expected media feature name but found ‘transform-3d’.  bootstrap.min.css:5:112148
  Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped.  bootstrap.min.css:5:113485
  Error in parsing value for ‘background-image’.  Declaration dropped.  bootstrap.min.css:5:113641
  Expected ‘none’, URL, or filter function but found ‘progid’.  Error in parsing value for ‘filter’.  Declaration dropped.  bootstrap.min.css:5:113900
  Error in parsing value for ‘background-image’.  Declaration dropped.  bootstrap.min.css:5:114184
  Expected ‘none’, URL, or filter function but found ‘progid’.  Error in parsing value for ‘filter’.  Declaration dropped.  bootstrap.min.css:5:114443
  Expected ‘none’, URL, or filter function but found ‘alpha(’.  Error in parsing value for ‘filter’.  Declaration dropped.  bootstrap.min.css:5:114668
  Expected color but found ‘#\30 00\9 ’.  Error in parsing value for ‘background-color’.  Declaration dropped.  bootstrap.min.css:5:115617
  Expected ‘none’, URL, or filter function but found ‘progid’.  Error in parsing value for ‘filter’.  Declaration dropped.  metisMenu.min.css:10:299
  Error in parsing value for ‘width’.  Declaration dropped.  timeline.css:153:15
  Error in parsing value for ‘width’.  Declaration dropped.  timeline.css:154:15
  Unknown property ‘user-select’.  Declaration dropped.  bootstrap-datepicker3.css:83:13
  Unknown property ‘-moz-osx-font-smoothing’.  Declaration dropped.  font-awesome.min.css:4:594
  Expected ‘none’, URL, or filter function but found ‘progid’.  Error in parsing value for ‘filter’.  Declaration dropped.  font-awesome.min.css:4:1615
  Expected ‘none’, URL, or filter function but found ‘progid’.  Error in parsing value for ‘filter’.  Declaration dropped.  font-awesome.min.css:4:1778
  Expected ‘none’, URL, or filter function but found ‘progid’.  Error in parsing value for ‘filter’.  Declaration dropped.  font-awesome.min.css:4:1944
  Expected ‘none’, URL, or filter function but found ‘progid’.  Error in parsing value for ‘filter’.  Declaration dropped.  font-awesome.min.css:4:2115
  Expected ‘none’, URL, or filter function but found ‘progid’.  Error in parsing value for ‘filter’.  Declaration dropped.
  </code></pre>
  
  <p>edit: since it was asked for here is my header, it's just a standard bootstrap implementation.</p>
  
  <pre><code>&lt;head&gt;
  
  &lt;meta charset="utf-8"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;meta name="description" content=""&gt;
  &lt;meta name="author" content=""&gt;
  
  &lt;title&gt;IMS&lt;/title&gt;
  
  &lt;!-- Bootstrap Core CSS --&gt;
  &lt;link href="../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"&gt;
  
  &lt;!-- MetisMenu CSS --&gt;
  &lt;link href="../bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet"&gt;
  
  &lt;!-- Timeline CSS --&gt;
  &lt;link href="../dist/css/timeline.css" rel="stylesheet"&gt;
  
  &lt;!-- Touchspin CSS --&gt;
  &lt;link href="../dist/css/jquery.bootstrap-touchspin.css" rel="stylesheet"&gt;
  
  &lt;!-- DataTables CSS --&gt;
  &lt;link href="../bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css" rel="stylesheet" type="text/css"&gt;
  
  &lt;!-- DataTables Responsive CSS --&gt;
  &lt;link href="../bower_components/datatables-responsive/css/responsive.dataTables.scss" rel="stylesheet" type="text/css"&gt;
  
  &lt;!-- Datepicker3 CSS --&gt;
  &lt;link href="../dist/css/bootstrap-datepicker3.css" rel="stylesheet"&gt;
  
  &lt;!-- Morris Charts CSS --&gt;
  &lt;link href="../bower_components/morrisjs/morris.css" rel="stylesheet"&gt;
  
  &lt;!-- TypeAhead CSS --&gt;
  &lt;link href="../dist/css/typeaheadjs.css" rel="stylesheet"&gt;
  
  &lt;!-- Custom Fonts --&gt;
  &lt;link href="../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"&gt;
  
  &lt;!-- Custom CSS --&gt;
  &lt;link href="../dist/css/sb-admin-2.css" rel="stylesheet"&gt;
  
  
  &lt;!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
  &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
  &lt;!--[if lt IE 9]&gt;
      &lt;script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"&gt;&lt;/script&gt;
      &lt;script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"&gt;&lt;/script&gt;
  &lt;![endif]--&gt;
  
  &lt;!-- jQuery --&gt;
  &lt;!-- &lt;script src="../bower_components/jquery/dist/jquery.js"&gt;&lt;/script&gt; --&gt;
  &lt;script src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
  
  &lt;!-- Bootstrap Core JavaScript --&gt;
  &lt;script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;!-- Metis Menu Plugin JavaScript --&gt;
  &lt;script src="../bower_components/metisMenu/dist/metisMenu.min.js"&gt;&lt;/script&gt;
  
  &lt;!-- Morris Charts JavaScript --&gt;
  &lt;script src="../bower_components/raphael/raphael-min.js"&gt;&lt;/script&gt;
  &lt;script src="../bower_components/morrisjs/morris.min.js"&gt;&lt;/script&gt;
  &lt;script src="../dist/js/morris-data.js"&gt;&lt;/script&gt;
  
  &lt;!-- Touchspin JavaScript --&gt;
  &lt;script src="../dist/js/jquery.bootstrap-touchspin.js"&gt;&lt;/script&gt;
  
  &lt;!-- DatePicker3 JavaScript --&gt;
  &lt;script src="../dist/js/bootstrap-datepicker.js"&gt;&lt;/script&gt;
  
  &lt;!-- Typeahead JavaScript --&gt;
  &lt;script src="../dist/js/typeahead.js"&gt;&lt;/script&gt;
  
  &lt;!-- Bloodhound JavaScript --&gt;
  &lt;script src="../dist/js/bloodhound.js"&gt;&lt;/script&gt;
  
  &lt;!-- Custom Theme JavaScript --&gt;
  &lt;script src="../dist/js/sb-admin-2.js"&gt;&lt;/script&gt;
  &lt;script src="../dist/js/ioma.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <p>edit: added chromegodo and fireboxbad. and on second look it looks like my one monitor is so old it isn't showing greys at all, I just saw that bootstrap shows up just fine but its now just the datatables not working. <a href="https://i.stack.imgur.com/zv3xG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zv3xG.png" alt="firefox bad"></a>
  <a href="https://i.stack.imgur.com/tQ2vn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tQ2vn.png" alt="chrome good"></a></p>