title: background-repeat is not working
body: <p>I have one div :</p>
  
  <p><a href="http://jsfiddle.net/kurbhatt/pCVNE/1/" rel="nofollow">fiddle</a> for my problem.</p>
  
  <p>HTML :</p>
  
  <pre><code> &lt;div class="listinggitems"&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>CSS :</p>
  
  <pre><code>.listinggitems
  {
      min-height:280px;
      width:785px;    
      background: url(images/bgdoodle.png);
      background-repeat:repeat-xy;
      position:relative;
      margin-left:210px;
      margin-top:20px;
  }
  </code></pre>
  
  <p>Upto <code>280px</code> height, background display but when div size automatically increase as data in it increase the background image doesn't increase.
  I also tried <code>background-repeat:repeat-xy;</code> but it also display background upto <code>280px</code> after that it doesn't display it. when manually I increase height of <code>div</code> then background increase.
  I have to load dynamic data into that <code>div</code> so I have to use <code>min-height</code>.</p>
  
  <p>Any suggestion ???</p>