title: Safari CSS - min-height and background-size
body: <p>So here's the problem. I've set a background image that resizes until a minimun height is reached. At least this is how it behaves in Firefox, Chrome and IE.</p>
  
  <pre><code>body {
      min-height: 790px; 
      min-width: 640px;
      overflow: auto;
  }
  
  #main {
      float: left;
      width: 100%;
      height: 100%;
      background: url(../images/index_bg.jpg) no-repeat center center;
      background-size: auto 100%;
  }
  </code></pre>
  
  <p>But in Safari, if I continue making my navigator's window's height smaller than 790px, the background image continues resizing. When my idea is that it should stop at 790px as it does in other navigators. Vertical scroll does appear but of course this is not much help when the background continues resizing.</p>
  
  <p>If you want to check out the whole page for its code, here it is:</p>
  
  <p><a href="http://www.avalon.me/313/" rel="nofollow">http://www.avalon.me/313/</a></p>