title: CSS not being applied to page
body: <p>I have a rather simple page currently, and for some reason the maincss.css isn't being applied, which simply sets the background to an image. I know that it works because it was working before I added another css file for jquery styling. What about this is wrong?</p>
  
  <pre><code>&lt;html xmlns=\ "http://www.w3.org/1999/xhtml\" xml:lang=\"en\"&gt;
  &lt;head&gt;
    &lt;META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript"&gt;
    &lt;title&gt;Welcome to Jetty-9&lt;/title&gt;
    &lt;link href="css/jquery-ui-1.10.3.custom.css" rel="stylesheet"&gt;
    &lt;link href="css/maincss.css" rel="stylesheet"&gt;
    &lt;script type='text/javascript' src='js/jquery.js'&gt;&lt;/script&gt;
    &lt;script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
      $(function() {
        $( "#dialog" ).dialog({
        width: 400,
        buttons: [
          {
            text: "Ok",
            click: function() {
              $( this ).dialog( "close" );
            }
          },
          {
            text: "Cancel",
            click: function() {
              $( this ).dialog( "close" );
            }
          }
        ]
      });
      });
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
    &lt;div id="dialog" title="Basic dialog"&gt;
      &lt;p&gt;This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.&lt;/p&gt;
    &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>