The guidance doesn't currently cater for IE's compatibility mode, and triggering it causes the templates to look like the screenshot in #30 (closed).
This PR adds <meta http-equiv="X-UA-Compatible" content="IE=edge"> to every page. Having conditional comments around <html>, however, prevents it from working. As a result, I've moved the classes to a conditional <div> that wraps the content (I haven't uses the <body> as extra attributes there can create a lot of duplication, as seen with using <html>). The classes are only used for styling, so they just need to wrap the content. Hopefully I haven't missed any files!
(The server can also be configured to add a X-UA-Compatible: IE=edge header (as www.cam.ac.uk does), but this isn't always practical and isn't distributable.)
