title: JQuery css max-height not working
body: <p>I've tested this code for set <code>.css('max-height','auto')</code> css property in JQuery but it's not working, and when I set a dimension like <code>.css('max-height','93px')</code> it's working fine, how can I set it as <code>auto</code> ?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="holder"&gt;
      &lt;div&gt;DIVISION&lt;/div&gt;
      &lt;div&gt;DIVISION&lt;/div&gt;
      &lt;div&gt;DIVISION&lt;/div&gt;
      &lt;div&gt;DIVISION&lt;/div&gt;
      &lt;div&gt;DIVISION&lt;/div&gt;
      &lt;div&gt;DIVISION&lt;/div&gt;
      &lt;div&gt;DIVISION&lt;/div&gt;
  &lt;/div&gt;
  &lt;br /&gt;
  &lt;input type="button" onclick="test();" value="CHECK" /&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.holder{
      max-height:40px;
      background:red;
      padding:10px;
      overflow:hidden;
  }
  .holder div{
      background:blue;
      margin:3px 0;
  }
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>function test(){
      var hldr=$('.holder'); //get element
  
      alert('before set: ' + $('.holder').css('max-height')); //alert before set
  
      /* SET */
      hldr.css('max-height','auto');
  
      alert('after set: ' + $('.holder').css('max-height'));//alert after set
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/silverlight/23UCV/2/" rel="noreferrer">http://jsfiddle.net/silverlight/23UCV/2/</a></p>