title: Hide background-image overflow equally from left and right
body: <p>Lets say I have a div with width of <strong>100px</strong> and I have an image with <strong>UNKNOWN</strong> width. </p>
  
  <p>Is there any way that I set the image as the background of the div with the following requirements:</p>
  
  <ul>
  <li>If the image is wider than div  <strong>HIDE overflow from both sides of the image EQUALLY</strong></li>
  <li>If the image is smaller or equal of the div  make it <strong>100%</strong> of the width of the div</li>
  </ul>