title: How to get the min-height of the object when its parent is set to display none?
body: <p>Why I can't get the <code>min-height</code> of an object when its <strong>parent</strong> is set to <code>display: none</code>, but I still can it the object's height if the min-height is <strong>not</strong> in use?</p>
  
  <p>For instance,</p>
  
  <p>css,</p>
  
  <pre><code>li {
  display:none;
  }
  
  .object {
  display:block;
  width:100px;
  border:1px solid #000;
  }
  </code></pre>
  
  <p>html,</p>
  
  <pre><code>&lt;li&gt;&lt;a href="#" class="object" style="height:200px;"&gt;&lt;img class="element" /&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#" class="object" style="min-height:300px;"&gt;&lt;img class="element" /&gt;&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>jquery,</p>
  
  <pre><code>$(document).ready(function(){
  
      $('.object img').each(function(){
          alert($(this).parent().height());
      });
  
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/R5SDY/" rel="nofollow">jsfiddle</a></p>
  
  <p>How can I still get the <code>min-height</code> of the object even though its parent is set to <code>display none</code>?</p>