title: How to position background image inside table cell with padding
body: <p>In application I have a few columns that can contain inline-editable values. For these cells, I want to display a pencil icon:</p>
  
  <pre><code>td.editable
  {
      padding-right: 20px;
      background-image: url(pencil.png);
      background-repeat: no-repeat;
      background-position: center right;
  }
  </code></pre>
  
  <p>This CSS is almost fine except... I would like to have a 2px space between cells border and image. Is is possible to achieve it with background image and CSS? If not, how can I achieve it?</p>
  
  <p>Thanks</p>