title: CSS - multiple background image padding
body: <p>I have a fiddle <a href="http://jsfiddle.net/jlnewnam/uXA4N/" rel="nofollow"><strong>here</strong></a>... </p>
  
  <p>I have multiple background images set in a <code>&lt;div&gt;</code>. However, it seems like relative positioning is all that's allowed. </p>
  
  <p>Any possibility of padding these images, so they're not in the extreme corners? Simple div padding doesn't work. </p>
  
  <pre><code>.iso-container li   {
      background: #f8981d;
      background-image: url(http://webfro.gs/south/kb2/images/pdf-button.png), url(http://webfro.gs/south/kb2/images/bxw_email.png);
      background-position: bottom right, bottom left;
      background-repeat: no-repeat;
      padding-left: 10px;
      color: #FFFFFF;
  </code></pre>
  
  <p>Thoughts?</p>