title: page refresh causes css to be ignored
body: <p>My page loads fine then as soon as you hit the refresh button all the styling disappears.</p>
  
  <p>It seems to be specific to chrome. If I look at the network tab I see that my css files returned with 304 Not modified but the type has changed to text/html. On initial load it is text/css.</p>
  
  <p>If I turn off caching everything works fine. </p>
  
  <p>I saw a similar question on <a href="https://stackoverflow.com/questions/10912763/pages-do-not-load-correctly-only-when-click-refresh-on-win7iis7-5">here</a> but It was working before and I have not changed servers. </p>
  
  <p>I seem to have narrowed it down to a problem with one css file.
  In particular adding a background image.</p>
  
  <pre><code>body {background:#b4dfff url(/images/backgrounds/background.jpg) no-repeat fixed top;
  text-align:left;
  font-family: Helvetica, Arial, sans-serif;
  color: #585858;
  font-size: 12px;    
  }
  </code></pre>
  
  <p>if I remove the background the problem occurs significantly less frequently.
  I tried changing it to </p>
  
  <pre><code>background-color:#b4dfff;
  Background-image:url(/images/backgrounds/background.jpg) no-repeat fixed top;
  </code></pre>
  
  <p>that didn't work</p>