title: How to stretch the background image to fill a div
body: <p>I want to set a background image to different divs, but my problems are:</p>
  
  <ol>
  <li>The size of image is fixed(60px).    </li>
  <li>Varying  div's size</li>
  </ol>
  
  <p>How can I stretch the background-image to fill the whole background of the div? </p>
  
  <pre class="lang-css prettyprint-override"><code>#div2{
    background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png);
    height:180px;
    width:200px;
    border: 1px solid red;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/ranasaani/qdzaw/" rel="noreferrer">Check the code here.</a></p>