title: background-image not working with local images?
body: <p>I tried everything to make background image display with my local images. I know that I have the correct image location. because if I use content:url(); it works. </p>
  
  <p>Background-image also works with a url image location from the internet. But it will not render with my local image. I have tried every possible location and it will not render.</p>
  
  <p>This is the path to css:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="stylesheets/myCSS.css" type="text/css" media="screen"&gt;
  </code></pre>
  
  <p>my images folder is in the same path as my css folder.</p>
  
  <p>The following is the HTML code:</p>
  
  <pre><code>  &lt;div class="col-md-2"&gt;
      &lt;p&gt;start here&lt;/p&gt;
     &lt;a href="#" class="angelhack"&gt;&lt;/a&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>and now the CSS:<code>enter code here</code></p>
  
  <pre><code>  .col-md-2 .angelhack {
    height: 65px;
    width: 188px;
    display: block;
    background-image: url(myPicture.jpg) no-repeat 0px 0px;
    z-index: 1;
    }
  
   .col-md-2 .angelhack:hover {
    background-image: url('http://4.bp.blogspot.com/-SWLJdR2_YzE/TWB-
  EvvBWpI/AAAAAAAAA6U/MVtkwJXED88/s320/donkey.png');
    }
  </code></pre>
  
  <p>Before anyone labels this a repeat question, I have searched all the answers to this question on StackOverFlow and have followed all the suggestions and I still cannot get the picture to render. I know the picture is in the correct location because with Chrome and content:url(); the image works. Any suggestions?</p>