title: Background-size cover to img tag
body: <p>html</p>
  
  <pre><code>&lt;div&gt;
  &lt;img src="http://www.hdwallpapersplus.com/wp-content/uploads/2013/06/abstract_color_background_picture_8016-wide.jpg" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>div{
      width: 200px;
      height: 100px;
      background-color: red;
  }
  img{
      position: relative;
      width: 100%;
      height: 100%;
      background-size: cover;
  
  }
  </code></pre>
  
  <p>Why background-size: cover doesn't work here. This should also be added in css3, but not added. Is there anyway not to stretch the image?</p>
  
  <p>As we can do it with <code>background: url("http://www.hdwallpapersplus.com/wp-content/uploads/2013/06/abstract_color_background_picture_8016-wide.jpg") no-repeat; background-size: cover;</code></p>