title: How to set a minimum width with background-size
body: <p>I have an image that is 1000px X 600px .  I want to use it as a responsive background for a div but would like to set a minimum width of 1000px despite how small the browser window is. </p>
  
  <p>This is frustrating because there doesn't seem to be a simple way to define a min. width.   </p>
  
  <p>If I use background-size: cover  - for some reason, the image is defaulted much larger than 1000px.  </p>
  
  <p>please help </p>