title: Place image before div using :before
body: <p>I'm trying to place an image before and after <code>div</code> using <code>:before</code> and <code>:after</code>.
  Unfortunately, I don't see images. Why?</p>
  
  <p>Here is the code (and in <a href="http://jsfiddle.net/u234x/" rel="nofollow noreferrer">jsfiddle</a>):</p>
  
  <pre><code>&lt;div style="border:1px solid green; padding:50px;"&gt;
    &lt;div id="videos-part"&gt;test&lt;/div&gt;
  &lt;/div&gt;
  
  #videos-part{
  
      height: 127px;
      width: 764px;
  border:1px solid red;
      margin:30px;
      padding:30px;
  }
  #videos-part:before{
      width: 46px;
      height:46px;
      content: "before ";
      background-image: url(http://aux.iconpedia.net/uploads/136059938344542682.png);
  
  }
  #videos-part:after{
      width: 46px;
      height:46px;
      content: " after";
      background-image: url(http://aux.iconpedia.net/uploads/136059938344542682.png);
  
  }
  </code></pre>