title: dynamic max-height with js in firefox
body: <p>I cannot alter the max-height value of a div in javascript.  Can anyone give me any hints.  It works in chrome, safari, and IE but not in firefox.  Is there any way to get it to work in FF?</p>
  
  <p><a href="http://jsfiddle.net/4k7Rk/" rel="nofollow">http://jsfiddle.net/4k7Rk/</a></p>
  
  <pre><code>&lt;div id='box'&gt;
      lot of text&lt;br/&gt;
      lot of text&lt;br/&gt;
  &lt;/div&gt;
  
  #box {
      max-height: 10px;
      overflow: hidden;
  }
  $('box').setStyle({'max-height': '100px'})
  </code></pre>