title: Increase space between border and background-image
body: <p>I want to increase the distance between the border and the background-image ... I tried to add <code>padding: 20px;</code> but it doesn't work.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.Tab1 {
    background-image: url("http://dl.dg-site.com/wp-content/themes/aeron/images/dl-products-icons5.jpg");
    width: 100px;
    height: 75px;
    display: block;
  }
  .Tab1:hover {
    border: 1px solid green;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="Tab1"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>