title: Setting background image to div in css leaving an offset in left and right
body: <p>I have a set of <code>div</code>s in html 5 having class name <code>submenuButton</code>. I want to add a common background image to these <code>div</code>s using css. I tried the following:</p>
  
  <pre><code>.submenuButton{
       background-image:url(images/but-up-center.png); 
       background-position: 5px 0px;
       background-repeat:repeat-x;
       background-size: contain;
  }
  </code></pre>
  
  <p>This sets the <code>div</code> image leaving 5px from the left and extends to the end of the button. But I want to have this image ended at 5px from the right also.</p>
  
  <p>So, could anybody suggest what can be done in the css so that it leaves 5px space both on the left and the right.</p>