title: CSS min-height not working on mozilla firefox
body: <p><br />
  I created a div tag with min-height and gave background color 'red'. but on mozilla firefox the height of the div not increasing when the content crosses min-height limit. heres my code:</p>
  
  <pre><code>&lt;style type="text/css"&gt;&lt;!--
  ul {
      display:block;
      padding:0px;
      width:500px;
  }
  
  .b {
      width:250px;
      float:left;
      display:block;
  }
  
  div {
      min-height:50px;
      width:500px;
      background-color:red;
  }
  --&gt;&lt;/style&gt;
  
  &lt;div&gt;
      &lt;ul&gt;
          &lt;li class="b"&gt;asdsad&lt;/li&gt;
          &lt;li class="b"&gt;asdsad&lt;/li&gt;
          &lt;li class="b"&gt;asdsad&lt;/li&gt;
          &lt;li class="b"&gt;asdsad&lt;/li&gt;
          &lt;li class="b"&gt;asdsad&lt;/li&gt;
          &lt;li class="b"&gt;asdsad&lt;/li&gt;
          &lt;li class="b"&gt;asdsad&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>its seeming the div height would have to be set to fit contents,but I don't know how else can I do that.if I don't use height then background-color can't be set.please tell me how can I fit the contents to the div as well as the background color would be red. <br />
  (Don't know if I explained it clearly.so please ask me if you want to know more about the question.)</p>
  
  <p>-Thanks.</p>
  
  <p><strong><em>RESOLVED:</em></strong> thank you everybody for your kind answers.</p>