title: How do I set the minimum height for a div in IE7?
body: <p>I need to set the minimum height of a div. In Firefox everything is good, but I'm having trouble with IE7 - an unintended big space.</p>
  
  <pre><code>ul, il {
      list-style: none;
      padding: 0px;
      margin: 0px;
  }
  
      .p_block{   
          color: #336699;
          font-size: 14px;
          min-height: 18px;
      }
  
  &lt;ul&gt;
      &lt;li&gt;&lt;a href="#"&gt;&lt;div class="p_block"&gt;text&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;&lt;div class="p_block"&gt;text&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;&lt;div class="p_block"&gt;text&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;&lt;div class="p_block"&gt;text&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Strangely, if I delete <code>padding: 0px;</code> from <code>ul, li</code>, everything works fine. Why?</p>