title: remote css from local file doesn't work?
body: <p>I'm a total noob to CSS. </p>
  
  <p>I have a css file both locally and remotely. I load a local html file (that is, c:\temp\index.html) in the address bar. I use firefox. </p>
  
  <p>The file sets the height of 'html', 'body' and 2 divs to 100% (height: 100%)</p>
  
  <p>When I link to the local css file, everything works ok. When I link to the remote file, it looks like the height style (at least) doesn't work. I see this when trying to get the offsetHeight property of the body element in javascript.</p>
  
  <p>What can be the reason for this?</p>
  
  <p>I link to the remote site using: 
      <code>&lt;link rel="stylesheet" media="screen, projection" href="https://raw.github.com/SirPepe/Pik5/master/assets/css/pik5.css"&gt;</code></p>
  
  <p>(the doctype of the local file is html)</p>
  
  <p>To test: clone <a href="https://github.com/SirPepe/Pik5" rel="noreferrer">https://github.com/SirPepe/Pik5</a>, load the local index.html file. then change it so <code>&lt;link rel="stylesheet" media="screen, projection" href="assets/css/pik5.css"&gt;</code> becomes <code>&lt;link rel="stylesheet" media="screen, projection" href="https://raw.github.com/SirPepe/Pik5/master/assets/css/pik5.css"&gt;</code>. Reload to see the slides are no longer properly setup</p>
  
  <p>NOTE: using firebug I see the css file loads</p>