title: Background url() in CSS does not display image but <img src> in html makes it appear?
body: <p>I have a html document with an inline styling in it : Here's :</p>
  
  <p><a href="https://gist.github.com/anonymous/f80e5e22d4148f218a2d" rel="nofollow">https://gist.github.com/anonymous/f80e5e22d4148f218a2d</a></p>
  
  <p>When I try to apply image by using Background url() then the image is not showing. Even if I try adding '../' before the path's 'images' folder or when I insert " ''  " in the beginning and end of the path inside the oval brackets. </p>
  
  <p>The folder structure is as follows : index.html resides with two other folders 'stylesheets' and 'images'. The content from 'stylesheets' folder is default folder that comes with skeleton html5 boilerplate and it's stylesheets will be merged into inline styling of the html document. Inside 'images' folder there is a only one file right now called 'logo.jpg'. When I try adding the image as background by giving a 'logo' class background:url() then the image does not want to show up in Mozilla firefox and other browsers. However, when I add 'src' attribute to  tag inside html document and specify the path exactly the same way as in CSS styling then the image appears. Can someone explain to me why the image does not show up when I'm trying to add it through CSS ?</p>