title: Getting image to stretch a div
body: <p>How can I get an image to stretch the height of a <code>DIV</code> class?</p>
  
  <p>Currently it looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/DcrXC.png" width="650" /></p>
  
  <p>However, I would like the <code>DIV</code> to be stretched so the <code>image</code> fits properly, but I do not want to resize the `image.</p>
  
  <p>Here is the CSS for the <code>DIV</code> (the grey box):</p>
  
  <pre class="lang-css prettyprint-override"><code>.product1 {
      width: 100%;
      padding: 5px;
      margin: 0px 0px 15px -5px;
      background: #ADA19A;
      color: #000000;
      min-height: 100px;
  }
  </code></pre>
  
  <p>The CSS being applied on the image:</p>
  
  <pre class="lang-css prettyprint-override"><code>.product{
      display: inline;
      float: left;
  }
  </code></pre>
  
  <p>So, how can I fix this?</p>