title: loading css files within a static website in heroku
body: <p>My <code>config.ru</code> is as follows:</p>
  
  <pre class="lang-ruby prettyprint-override"><code>use Rack::Static, 
    :urls =&gt; ["/images"],
    :root =&gt; "public"
  
  run lambda { |env|
    [
      200, 
      {
        'Content-Type'  =&gt; 'text/html', 
        'Cache-Control' =&gt; 'public, max-age=86400' 
      },
      File.open('public/index.html', File::RDONLY)
    ]
  }
  </code></pre>
  
  <p>When I load it locally the website looks fine, but when I run it on Heroku I get the following error message in the browser console for the CSS files:</p>
  
  <pre><code>Resource interpreted as Stylesheet but transferred with MIME type text/html.
  </code></pre>
  
  <p>Any idea why I am getting these errors?</p>
  
  <p>Example site: <a href="http://salus8.heroku.com" rel="nofollow">http://salus8.heroku.com</a>.</p>