title: how to set background-image to pseudo element?
body: <p>this is the html</p>
  
  <pre><code>&lt;div id="tab-1"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>her is the css</p>
  
  <pre class="lang-css prettyprint-override"><code>#tab-1:before{
      background-image: url("http://t3.gstatic.com/images?q=tbn:ANd9GcQQxJ4VT26y0vXV4ea0BVugIdFEJ3BhnZByh13xvD-LbWPocNCHHw") no-repeat;
      content: "";
      display: block;
      height: 100px;
      position: relative;
      top: 8px;
      width: 500px;
  
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/6nDKP/" rel="nofollow">demo</a></p>
  
  <p>How to display background-image? If I use background-color then it works but why not background-image? And even if sometimes works in jsfiddle but not in my localhost.</p>