title: Browser Not Interpreting .css File when using AddType .css in .htaccess
body: <p>I have a very interesting problem related to Deflate Compression, Apache (htaccess), and CSS files.</p>
  
  <p>I have two CSS files on my server. One is called styles.php and has dynamic values added based on database values through mod_rewrite in the styles/ directory (it is rewritten from styles.php to site.css and there is a text/css header at the beginning of the file). I also have a regular old css file with static content that doesn't change in the same directory called styles.css.</p>
  
  <p>I've wanted to add compression to my site so I added the following line to start compressing my css and js files. I added this to the root_directory for my website.</p>
  
  <pre><code>&lt;ifModule mod_deflate.c&gt;
      &lt;filesMatch "\.(js|css)$"&gt;
          SetOutputFilter DEFLATE
      &lt;/filesMatch&gt;
  &lt;/ifModule&gt;
  </code></pre>
  
  <p>Well initially that didn't work. So I changed this line in the root htaccess file from this to the next thing. (this code below is located at the top of the file)</p>
  
  <pre><code>AddType application/x-httpd-php5 .html .php
  AddType application/x-httpd-php5 .html .php .js .css
  </code></pre>
  
  <p>Then my js and one of the css files started to be compressed (verified with YSlow.....yay!). The odd thing was the css file that was being rewritten was being compressed (the styles.php file) but the styles.css file (the static one) was no longer being read by the browser. As soon as I deleted ".css" from that AddType line the browser started reading the file again and my css returned to normal, however it was no longer being compressed through apache.</p>
  
  <p>Any thoughts on why a static css file is not being read by the browser if I add the type? I tried it with just text/css instead of .css and it was not compressing the file (but the browser interpreted it). </p>
  
  <p>UPDATE:</p>
  
  <p>I added this to the root htaccess file. We have compressed, interpretted sweetness now.</p>
  
  <pre><code>&lt;filesMatch "\.css$"&gt;
  FileETag None
  &lt;ifModule mod_headers.c&gt;
  Header set Content-type "text/css"
  &lt;/ifModule&gt;
  &lt;/filesMatch&gt;
  </code></pre>