title: css not served using express.js
body: <p>I'm using express 4.x and less-middlesware, I have a main file (handlebars):</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Example App&lt;/title&gt;
      &lt;link rel="stylesheet" href="public/css/styles.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      {{{body}}}
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and my server looks like this:</p>
  
  <pre><code>var express = require('express');
  var exphbs  = require('express-handlebars');
  var less = require('less-middleware');
  var path = require('path');
  
  
  var env = process.env.NODE_ENV || 'development';
  var app = express();
  
  app.set('views' , __dirname + '/server/views');
  app.engine('.hbs', exphbs({
      defaultLayout: 'main' ,
      layoutsDir: 'server/views/layouts',
      extname: '.hbs'
      }));
  app.set('view engine', '.hbs');
  
  app.use(less(__dirname + '/public'));
  app.use(express.static(path.join(__dirname, 'public')));
  
  
  
  app.get('*' , function(req , res){
      res.render('index', {message: 'Hi'});
  });
  
  var port = 3000;
  app.listen(port);
  
  console.log('Listening on port: ' + port);
  </code></pre>
  
  <p>The page is served fine but i get this message regarding css:</p>
  
  <blockquote>
    <p>Resource interpreted as Stylesheet but transferred with MIME type
    text/html: "<a href="http://localhost:3000/public/css/styles.css" rel="nofollow">http://localhost:3000/public/css/styles.css</a>".</p>
  </blockquote>
  
  <p>What am i missing?</p>