title: min height of the background size
body: <p>How can I set the minimum height of the background-size?<br/>
  I have a background image on the css and I gave it <code>background-size:100%</code> but when I resize the browser to lower width I would like the height to stop at some point</p>
  
  <pre><code>.wrapper { width: 90%; margin:0 auto; } 
  .slider { 
      background-image:url(image.jpg);
      background-size:100%;
      background-repeat:no-repeat;
      min-height:200px;  
  }
  </code></pre>
  
  <p>Example:
  <a href="http://jsfiddle.net/3yonr0wa/" rel="nofollow">http://jsfiddle.net/3yonr0wa/</a></p>