title: Jekyll CSS Background image
body: <p>Attempting to create my first blog using Jekyll (practice my css skills too) and its been going good but for a couple of hiccups. </p>
  
  <p>First, background image isn't showing up.  This is what my current style sheet looks like: </p>
  
  <pre><code>body {
    font: 16px/1.5 verdana, helvetica-neue, helvetica, arial, san-serif;
    background: black;
    background-image: url(../img/background.jpg);
    color: #ececec;
    padding: 0;
    margin: 0;
  }
  </code></pre>
  
  <p>File Structure looks like this:</p>
  
  <pre><code>site 
    _includes
    _layouts
    css
     - style.css
    img
    - background.jpg
  </code></pre>
  
  <p>And I link to my stylesheet in default.html this way:  </p>
  
  <pre><code> &lt;link rel="stylesheet" type="text/css" href="/css/styles.css"&gt;
  </code></pre>
  
  <p>Still the image isn't being displayed when I navigate to loalhost:4000</p>
  
  <p>Can someone please help me out by pointing to what I am missing/overlooking. </p>
  
  <p>Thank you</p>