Serving a static file with node.js works but not for the linked images/css/js

I am just starting out with node.js and am trying to serve a static index.html file, which of course loads CSS, JS, and images. I have tried by reading the index.html file both by using fs.readFile and with node-static's serveFile.

Both serve the file, but then it cannot find the included CSS, JS, and images. Perhaps it is my paths that are wrong, but here is my directory structure.

I have used relative paths to these referenced files from the index.html file. So simply css/main.css. Also, in case they needed to be relative to the server.js file, I did ../css/main.css. And finally in case the path needed to be absolute and the index.html directory was root, so /css/main.css. Nothing is loaded.

What am I doing wrong?

var http = require('http'),
    fs = require('fs');


fs.readFile('../index.html', function (err, html) {
    if (err) {
        throw err; 
    }       
    http.createServer(function(request, response) {  
        response.writeHeader(200, {"Content-Type": "text/html"});  
        response.write(html);  
        response.end();  
    }).listen(8080);
});

This serves the file fine.

As I say, I'm still learning.

The node-static 'API' is not very thorough so I reverted back the above route.

Thanks.