title: -moz-max-content does not work for mozilla firefox
body: <p>How do I fit a div to the contents inside in mozilla firefox?</p>
  
  <p>Making a div fit a content using -moz-max-content does not affect dynamic size, when new elements are added into the div.</p>
  
  <p>I have tried the following:</p>
  
  <ol>
  <li>It only acts equally to height: 450px</li>
  </ol>
  
  <pre class="lang-css prettyprint-override"><code>.login-container{
     height: auto;
     max-height: 450px;
  }
  </code></pre>
  
  <ol start="2">
  <li>Div gets full height of body</li>
  </ol>
  
  <pre class="lang-css prettyprint-override"><code>.login-container{
     max-height: fit-content;
     height: -moz-max-content;
  }
  </code></pre>
  
  <p>(1) gives the expected result but automatically sets height to max-height.</p>
  
  <p>(2) div is being stretched to the bottom of the page.</p>
  
  <p>Basically, I want a dynamic sized div container based on the elements inside.</p>