title: CSS Content Not Downloading in Only Google Chrome
body: <p>This is currently a problem with a development environment that I'm running, which is Django's built in 'development server' (the one started with <code>python manage.py runserver</code>) running on my local machine. On my deployment machine which runs FCGI this is not a problem.</p>
  
  <p><em>CSS files fail to download in Chrome but successfully download+render in Firefox. Both browsers get 200 OK responses from the server, but for whatever reason Chrome doesn't seem to be sent/receive the content of the files.</em></p>
  
  <p>I can use either browser to navigate to the URL of the CSS file itself and view the document just fine. </p>
  
  <p>It's probably best explained with screenshots...</p>
  
  <h2>In Chrome</h2>
  
  <p><strong>Chrome Network Page</strong></p>
  
  <p>Everything up top looks like it downloads just fine. But note at the bottom Chrome reports "Failed to load resource" for all the CSS files.
  <a href="https://i.stack.imgur.com/R5Yk2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/R5Yk2.png" /></a></p>
  
  <p><strong>Chrome CSS Headers</strong></p>
  
  <p>Everything looks OK in the CSS headers...</p>
  
  <p><a href="https://i.stack.imgur.com/8i7Zn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8i7Zn.png"></a></p>
  
  <p><strong>Chrome CSS Content</strong></p>
  
  <p>Except the content is empty...
  <a href="https://i.stack.imgur.com/MHN2W.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MHN2W.png" alt="Chrome CSS Content"></a></p>
  
  <h2>In Firefox</h2>
  
  <p><strong>Firefox CSS Headers</strong></p>
  
  <p>Everything looks good (note that the 'content-length' header is identical to Chrome)
  <a href="https://i.stack.imgur.com/iLqTu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iLqTu.png" alt="Firefox CSS Headers"></a></p>
  
  <p><strong>Firefox CSS Content</strong></p>
  
  <p>And there's the content!
  <a href="https://i.stack.imgur.com/JsO4i.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JsO4i.png" alt="Firefox CSS Content"></a></p>
  
  <p>What gives? What could possibly be causing the content to fail to load?!</p>
  
  <hr>
  
  <p><strong>EDIT:</strong> I'm still pulling my hair out over this one. This only happens in Chrome. I've restarted/updated/cleared my cache a million times--I'm at a complete loss.</p>
  
  <p>It's simple enough to avoid--just use a different browser to view the page--but <em>why</em> is it happening?!?!</p>