title: Setting html pictures in the div background
body: <p>I need to set the background of the div and using the below code...</p>
  
  <p>The below sets the background correctly but I want the full image be displayed in a minified version, so that the user can see the full image...How can I fix it?</p>
  
  <p>html</p>
  
  <pre><code>&lt;div id="product1left" class="product-cards-left" 
  style="background-image:url('http://i57.tinypic.com/2d0mnar.jpg')"
  
  &gt; &lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>#product1left{
      width:100px;
      height:100px;
      background-color:red;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/WMzh5/1/" rel="nofollow">Here's my fiddle</a></p>