title: what is the best and valid way for cross browser min-height?
body: <p>for <code>#main-content</code> </p>
  
  <p>I don't want to give any fix height because content can be long and short but if content is short then it should take minimum height <code>500px</code>.</p>
  
  <p>i need compatibility in all browser.</p>
  
  <p>Is thery any w3c valid and cross browser way without using !important because i read !important should not be used </p>
  
  <blockquote>
    <p>In conclusion, don’t use the
    !important declaration unless you’ve
    tried everything else first, and keep
    in mind any drawbacks. If you do use
    it, it would probably make sense, if
    possible, to put a comment in your CSS
    next to any styles that are being
    overridden, to ensure better code
    maintainability.</p>
    
    <p>I tried to cover everything
    significant in relation to use of the
    !important declaration, so please
    offer comments if you think there’s
    anything I’ve missed, or if I’ve
    misstated anything, and I’ll be happy
    to make any needed corrections.</p>
  </blockquote>
  
  <p><a href="http://www.impressivewebs.com/everything-you-need-to-know-about-the-important-css-declaration/" rel="nofollow noreferrer">http://www.impressivewebs.com/everything-you-need-to-know-about-the-important-css-declaration/</a></p>