title: why won't my css or js apply in firefox?
body: <p>My webpage works fine in chrome, internet explorer, and JSFiddle but when opened in Mozilla it doesn't read any link or script tags except the ones linked to a website, i.e jquery. In the developer tools it reads jquery but no other JS and says there are no styles applied to the webpage.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Word Master&lt;/title&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;link rel="stylesheet" type="text/css" href="C:/Users/Thomas/OneDrive/Documents/workPlease/WMstyle.css"&gt;
      &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="https://code.jquery.com/color/jquery.color-2.1.0.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="C:/Users/Thomas/OneDrive/Documents/workPlease/WMfunctions.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="C:/Users/Thomas/OneDrive/Documents/workPlease/errorCheck.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="C:/Users/Thomas/OneDrive/Documents/workPlease/WMpopups.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="C:/Users/Thomas/OneDrive/Documents/workPlease/WMeasy.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>I tried saving all of them with encoding UTF-8 and I added <code>@charset "UTF-8";</code> to the top of my css. </p>